在部分群里引起了一些讨论，其中有一点是关于箭头函数的 this 指针的问题。使用了阮一峰《ES6 入门》文章的内容来反驳。 起初，群里一个朋友抛出了这个疑问，为啥这两个输出有差异。 那么我们首先就来分析一下到底是什么原因。 这里创建了一个 person 实例 pp。然后执行 p…

说一下什么是执行上下文？曾经被面试官问到过这个问题，当时一脸懵逼，一个字也讲不出来。执行上下文是 JavaScript 最重要的概念之一。。。

在浏览器的一次render中，同步任务执行完毕后，首先会检查宏任务中有没有优先级很高的操作（比如ui事件），如果有会优先执行，没有则执行微任务，如果在清空微任务队列中又有新的微任务被添加进来，继续执行

在上一篇中介绍了在开发公司的组件库之前需要的准备工作，主要包括：需求评审、调研、组件设计和提出 issue。 本篇主要介绍在具体的开发环节需要注意哪些事项。 组件开发的时候需要不断测试当前已开发的功能，这里建议单独配置一个私人 demo 项目用于本地开发。创建组件对应的初始库（…

前端业务是依托于组件实现的，随着公司业务不断增多，从那些功能相似的业务中可以抽离出一些公共组件，形成公司的组件库。组件库的开发是一项复杂的工作，除需实现功能之外还要考虑构建、发布、测试等一系列因素。但一个经过良好设计的成熟组件库往往会在之后节省我们大量的时间，让我们能更快速高效…

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。

这里我们的核心目标是动画的背景可替换，比如说，这里的视频可以有背景色，像以下的图。 接下来我们先对方案进行对比。 选用webgl的话，目前已经有很多很成熟且大型的库可供使用比如pixijs lottie，这些库动画效果酷炫，体积偏大，比如pixijs的cdn版本有80k，lot…

使用 Visual Studio Code 开发项目省时的六个插件。 1. vscode-icon 不同的文件展示不同的图标，方便快速识别文件类型。 2. Color Highlight 颜色标记。

选中某个变量或代码块然后按下Ctrl + Shift + L键，就可以直接生成console.log()代码了。 eg：写代码过程中，突然发现一个Bug，但是又不想停下来手中的活，以免打断思路，怎么办？按代码编写会规范，都是建议在代码中加个TODO注释。比如这样 计算TypeS…