lvli0401

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟的主要原因。双击缩放，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 假定这么一个场景。用户在 iOS Safari 里边点击了一个链接。由于用户可以进…

最近做了直播相关的业务，然后对于大数据相关的优化做了一下复盘。 为了了解我是怎么做这个优化的，我们先从如何按照特定的条件删除一个数组说起。 1、如何删除数组中的元素 场景：有一个数组，需要删除满足条件

状态管理更加清晰将“状态”与“变更状态的逻辑”两两配对，拥有比原来更好的代码结构。将状态进行更细粒度的拆分，将没有联动关系的状态放到不同的组件中单独管理。将状态的管理与视图的渲染进行隔离，把一个带有复

前端开发中，如果遇到复杂的交互逻辑，数据结构的知识将帮助你理清思路，抽象逻辑，完成稳定可靠的逻辑代码。 本文就讲讲我在开发弹窗时加入的队列数据结构，也许有人疑问弹窗不是很简单吗，还需要引入队列？其实在复杂交互中，特别是互动类的界面中，很容易就会有超过 10 个弹窗对话框，万一同…

对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建

之前做一个项目用到了小程序的textarea，因为我用的是安卓系统的手机，测试的时候没有出现什么问题，但后来产品跟我说他的手机上显示的有点问题，label跟box没有对齐，经过我翻小程序的api文档发

虽然在 React 16.8.1 中终于面世的 hooks 引人瞩目，但在去年发布的 16.6.0 版本里也包含了一个吸引人的新特性，可以让我们在不依赖第三方库的情况下简化对延迟加载（lazy loading）的处理。 让我们看看如何借助这个特性改善应用性能，并构建更好的用户体…

一、html 二、CSS 三、javascript 四、框架 React Vue 五、Typescript 六、算法

效果（完整代码在底部）： 实现并不难，都是重复的代码比较多。 实现（可跟着一步一步写）： 1. 先定义基本标签： 2. 定义左右眼的基本css样式： border-bottom: 5px solid