神仙朱

Puppeteer 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具。正因为这个官方声明，许多业内自动化测试库都已经停止维护，包括 P...

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全...

其实如果只用晚上下班回去的时间写的话......写文章估计得用一年......我不仅内容追求简单，可以让我们在以后忘记的时候迅速捡回来，我还要追求排版好看（鳖跟我说难看好不...

能不移动，尽量不移动。不行就移动，实在不行就新建...

判断某个新 vnode 是否在 这个旧的 Vnode 数组中，并且拿到它的位置。就是拿到 新 Vnode 的 key，然后去这个 map 表中去匹配，是否有相应的节点，有的...

需要把旧节点和新节点比较，尽量找到最小差异部分，然后进行更新，这部分内容就是 Diff 的重点了，需要花费不少精力的。会放在其他文章进行记录...

现在看完，发现也简单的，不过我也是看了几个月的。。。。...

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Render-源码版之主要Rendercompile我们已经讲了九篇的内容了，终于走到了ren...

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Compile-源码版之generate拼接绑定的事件今天我们来探索事件的拼接啦，上一篇我们已...

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Compile-源码版之generate节点数据拼接上一篇我们讲了不同节点的拼接，这一篇需要详...

然后，generate的作用就是，解析 parse 生成的 ast 节点，拼接成字符串，而这个字符串，是可以被转化成函数执行的。函数执行后，会生成对应的 Vnode 因为这...

注意：只有纯文本子节点时，他是静态节点，但是不是静态根节点。静态根节点是optimize 优化的条件，没有静态根节点，说明这部分不会被优化...

匹配 头标签的 前半部分。当字符串开头是 头标签时，可以匹配 匹配 头标签的 右尖括号。当字符串开头是 > 时，可以匹配 匹配 尾标签。当字符串开头是 尾标签时 可以匹配 ...

今天，要记录的就是 parse 解析 template 成 ast 的大致流程，而怎么解析标签名，怎么解析标签属性会暂时忽略，而独立成文。当有解析标签名和解析属性的地方会直...

比如 页面A到页面B，页面B又转到页面A。...

终于到了要讲 compile 白话的时候了，大家准备好了吗，白话版肯定不会很复杂啦，源码版就不一定了。。。 卧槽，竟然写了这么久........

2、在绑定DOM 事件的时候，会使用宏任务。 事件回调执行过程中，在JS 主线程为空之后，异步代码执行之前，所有通过 nextTick 注册的异步代码都是用宏任务。 本来 ...

是一个对象，用来过滤watcher。 为 true 表示已经把 【watcher 更新队列执行函数】 注册到宏微任务上了（或者说存放进 callbacks 中）。 正在等待...