活抓一只小机灵

类型别名，可以给一个类型起一个新名称。它不会新建一个类型，只是创建了新名称来引用那个类型。 描述和检查对象的数据结构以及值类型。 不管是 type 还是 interface 都可以用来约束值类型。 interface 会新建一个名称，可以在任何其他地方使用，类型错误提示中也会显…

HTML 是逐步解析的，不会等待 DOM 都构建完毕后再去构建 CSSOM 。正常来说，从上面也可以看出，DOM的构建跟 CSSOM 是平行的，他们是井水不犯河水，各自默默构建的。等待 DOM树 和 CSSOM树 都构建完毕后，他们就会结合组成 渲染树 。然后计算节点位置和大小…

Tapable 承包了 webpack 最重要的事件工作机制，包括 webapck 源码中高频的两大对象（compiler , compilation）都是继承自 Tabable 类的对象。这些对象都有 Tapable 的注册调用插件的功能，并向外暴露出各自的执行顺序以及 ho…

AgreeCheckbox 是一个 checkbox 组件，当用户点击选择后，useCallback 会得到组件的变化，可以在回调事件中执行一些特殊处理。 此处，useCallback(node => {...}) 很容易让人以为，node 是 useCallback 的参数，…

通俗地说，当内部函数引用了外部变量时，就形成了 闭包 。 要深入地去解释的话，要了解一些其他的知识点：作用域 , 作用域链 , 执行上下文 。 作用域 决定了函数可以访问哪一些变量。在函数定义时就已经确定的了。如： 根据上文介绍的 作用域 知识点可知，sub 中访问了 x ，如…

1. 安装 2. 修改 vue.config.js 3. 新增 3 个文件 4. 额外

看起来就这些内容，但往细节里说，这里面还有很多知识点可以了解的，如 Event-Loop 跟浏览器的关系，rAF，rIC，一帧的时间里发生了什么事情等。下面就对 Event-Loop 进行深入一点的了解。 访问链接，下载对应的 Html 文件，Css 文件，Js 文件，然后将 …

此处介绍的 React 版本是 16.x。 想来大家应该知道，React 推崇数据 Immutable，当然这跟它自身有很大关系，它设计跟 Vue 完全不同，不是通过收集数据依赖去发现更新的，而是通过 re-render 去发现和更新自身。当然，React 推崇 Immutab…

以上既是官方关于 nextTick 的用法，也是 nextTick 的描述。 用更加直白的话来描述，就是：在 nextTick 的回调方法执行的时候，DOM 已经是更新好的了，这个时候可以执行跟真实 DOM 相关的处理方法或依赖真实 DOM 的方法。 如果感觉意犹未尽的话，不妨…