本文是学习《重构：改善既有代码的设计》后的一些心得，希望能用趣味的方式结合一些实例带领大家一起学习，提升自身代码质量。大家快来讨论讨论你见过的“不可替代”的代码吧！

累计布局偏移: Cumulative Layout Shift, 简称CLS，是Google提出的一项非常重要的网页性能指标，以用户为中心的内容视觉稳定性指标，因为它有助于量化用户体验到意外布局移位的频率，较低的CLS有助于确保页面用户视觉和交互体验。 当用户浏览一个页面的时候…

大家都知道js是单线程的脚本语言，在同一时间，只能做同一件事，为了协调事件、用户交互、脚本、UI渲染和网络处理等行为，防止主线程阻塞，Event Loop方案应运而生... js作为主要运行在浏览器的脚本语言，js主要用途之一是操作DOM。 为了避免这种问题，js必须是一门单线…

如何使用Lottie对接设计的动画效果。LottieFile(Figma plugins)导出的动画，并且能让原生APP像使用静态素材一样使用这些动画。

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

开门见山，这篇文章，适合「初级前端」，如果你还在校招的话，或者还在求职的话，可以看看本文，找一找灵感，希望对你们有帮助呀。 先说一下最近个人情况：2020年8月底已经拿到网易有道offer, 这算是我的第一份web前端工作吧，一直以来都是自学前端的，走过很多的弯路，之前的技术栈…

好了，子项目已经有了，父项目也已经有了一个README.md。我们现在直接上传,对着gitlab仓库的提示执行命令就行，结果如下 刚刚我们已经创建了microFront3，符合我们这个场景，现在我们就拿这个项目来做一个例子。 子项目提交完了之后，cd .. 到父项目，查看git…

1. 你是如何理解HTML语义化的？（必考） 2. meta viewport 是做什么用的，怎么写？ meta viewport 是用于适配移动设备的，为了使不管是什么宽度的页面都能在移动端设备得到完美适配（不需要用户缩放和滚动横向滚动条并且字体图片等显示正常）。 3. HT…

首先，JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中，必然不会存在同时执行的另一行代码，就像使用alert()以后进行疯狂console.log，如果没有关闭弹框，控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算，比方说在前端暴…