任宇

随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的Performance API中的指标逐步演进成用户性能体验相关的指标。 对于用户而言，First Paint、First Meaningful Paint和TTI这几个指…

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

1.浏览器渲染 为了更好的理解 React Fiber, 我们先简单了解下渲染器进程的内部工作原理。 1.1 渲染帧 帧 (frame): 动画过程中，每一幅静止的画面叫做帧。 帧率 (frame p

业务架构并不简单，只是很多开发同学理解简单了而已。业务架构讲究工程代码在迭代过程中能持续地应对杂、变等难题

在React Hooks中我们可以使用useEffect模拟Class组件的生命周期，而ref对象能帮助我们获取组件实例（也就是DOM元素）。但两者同时使用时，则会出现一些奇奇怪怪的问题。比如现有一个<App/>组件如下: 整体逻辑就是在<App/>组件挂载完成之后，将load…

问：为什么要使用flex布局? 答：因为好用。 在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何

leo 是京东iPaaS前端团队开发的一个支持覆盖前端开发全链路、可扩展、可定制，同时为模板、构建器、扩展命令市场等丰富的周边生态提供配置化支持的前端脚手架工具。

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…