前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

React.createElement 是React中一种创建React组件的方式，它古老而神秘。 虽然日常开发中已经很少能够见到他的身影。但是将JSX用babel编译之后，就是 createElement 函数 createElement 支持传入n个参数。 type：表示你…

朋友去面试蚂蚁金服，遇到了一道面试题，乍一看感觉挺简单的，但是实现起来发现内部值得一提的点还是挺多的。 flow 是指一系列 effects 组成的逻辑片段。 flow 支持嵌套。 effects 的执行只需要支持串行。 用数组包裹的上述三项。 先把参数浅拷贝一份（编写库函数，…

1. loader 十问 在我学习webpack loader的过程中，也阅读了网上很多相关文章，收获不少。但是大多都只介绍了loader的配置方式或者loader的编写方式，对其中参数、api及其他细节的介绍并不清晰。 也许你也会有类似的疑问。下面我会结合loader相关的部…

自从react 16出来以后，react fiber相关的文章层出不穷，但大多都是讲解fiber的数据结构，以及组件树的diff是如何由递归改为循环遍历的。对于time slicing的描述一般都说利用了requestIdleCallback这个api来做调度，但对于任务如何调…

CommonJS模块规范使用require语句导入模块，module.exports导出模块，输出的是值的拷贝，模块导入的也是输出值的拷贝，也就是说，一旦输出这个值，这个值在模块内部的变化是监听不到的。 ES6模块的规范是使用import语句导入模块，export语句导出模块，…

我们知道， ES Module 与 CommonJs 有一个比较大的差别在于，ES Module 中导出的变量只是一个占位符，并不在 import 的时候进行赋值操作，而是当真正用到的时候才会去 import 的模块中取值，而且导入的值只能在声明值的模块内部被修改。 所有的 i…

说起 for of 相信每个写过 JavaScript 的人都用过 for of ，平时我们用它做什么呢？大多数情况应该就是遍历数组了，当然，更多时候，我们也会用 map() 或者 filer() 来遍历一个数组。 但是就像我们标题里面说的，它跟 Generator 能扯上什么…