小宝的挖机

将回调fn注册到事件列表中即可，_events在实例初始化时创建。 先移除事件监听，再执行函数。 nextTick接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。如果没有提供回调且支持Promise的环境中，则返回一个Promise。 在同一轮事件循…

vue.js 将模板编译成渲染函数的步骤分为三步，解析器、优化器、代码生成器。 解析器分为 HTML 解析器、文本解析器。 html 解析器采用是分段截取的方式。在一个 while 循环中不断做截取开始标签、截取结束标签、截取注释、截取条件注释、截取 DOCTYPE、截取文本、…

Array 的变化侦测和 Object 有所不同，Object 的变化可以通过 Object.defineProperty 侦测到。但是数组有其他改变数据的方法，如 push、pop 等等，这是无法侦测到的，所以需要采用拦截原型的方式来侦测。 "push", "pop", "s…

双向绑定对于 vue.js 来说非常重要，也是该框架的特色之一。那么该如何实现数据的双向绑定呢？本文将基于 vue.js 2.x 版本讲解双向绑定的原理。Object 和 Array 的实现原理有所不同，本文讲解 Object 双向绑定的原理。 要实现双向绑定，必须能监听到数据…

<script>标签打开 defer 或 async 属性，脚本就会异步加载。 defer 与 async 的区别是：defer 要等到整个页面在内存中正常渲染结束（DOM 结构完全生成，以及其他脚本执行完成），才会执行；async 一旦下载完，渲染引擎就会中断渲染，执行这个脚…

Hook是一些可以让你在函数组件里“钩入”React state及生命周期等特性的函数。 React没有提供将可复用性行为“附加”到组件的途经，以前一般是通过render props和高阶组件解决的。这类方案需要重新组织你的组件结构，这可能会很麻烦。 组件被状态逻辑和副作用充斥…

那么它是如何实现热力图绘制的呢？本文将为你全面解读heatmap.js源码。 点模板对应热力图数据点。它是一个圆点，根据可配置的模糊因子（blurFactor，默认.85），可使圆点带有模糊效果（借助createRadialGradient）。 这个热力图的"灵魂"。rgb通道…

GoF合作出版的《设计模式》这本书提供了许多有关与面向对象软件设计中常见问题的解决方案。这些模式已经出现了相当长的一段时间，已经被证明在许多情况下都非常有用。 一个特定类仅有一个实例。这意味着当您第二次使用同一个类创建新对象的时候，应该得到与第一次所创建对象完全相同对象。 使用…

createStore几乎囊括了Redux的核心功能。 在enhancer(createStore)(reducer, initialState)调用中，enhancer对createStore的能力进行了增强，最终返回store。 典型使用案例是redux-devtools-…