神仙朱

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

匹配 头标签的 前半部分。当字符串开头是 头标签时，可以匹配 匹配 头标签的 右尖括号。当字符串开头是 > 时，可以匹配 匹配 尾标签。当字符串开头是 尾标签时 可以匹配 匹配标签上的属性。当字符串开头是属性则可以匹配 2、保存当前截断的位置。比如你匹配了template到 字…

今天，要记录的就是 parse 解析 template 成 ast 的大致流程，而怎么解析标签名，怎么解析标签属性会暂时忽略，而独立成文。当有解析标签名和解析属性的地方会直接出结果。比如当我说在 模板 "<div></div>" 匹配出头标签时，直接就得到 div ，而不会去考…

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

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

2、在绑定DOM 事件的时候，会使用宏任务。 事件回调执行过程中，在JS 主线程为空之后，异步代码执行之前，所有通过 nextTick 注册的异步代码都是用宏任务。 本来 Vue 是从来都使用微任务的，因为微任务的优先级比较高，执行比较快。但是同时也是因为这样导致了一个问题 因…

是一个对象，用来过滤watcher。 为 true 表示已经把 【watcher 更新队列执行函数】 注册到宏微任务上了（或者说存放进 callbacks 中）。 正在等待JS栈为空后，就可以执行更新。直到所有watcher 更新完毕，才重置为 false Components…

1、减少宏微任务的注册。尽量把所有异步代码放在一个 宏微任务中，减少消耗 2、加快异步代码的执行。我们知道，如果一个异步代码就注册一个宏微任务的话，那么执行完全部异步代码肯定慢很多 3、避免频繁地更新。Vue 中就算我们一次性修改多次数据，页面还是只会更新一次。就是因为这样，避…

1 存在 回调数组 里。每次调用 nextTick，便往数组里面 push 设置的回调 3 执行一个 宏任务，便会执行一列微任务。接着执行另一个宏任务...（循环往复，比如一个setTimeout 就是一个宏任务） Vue 的 宏微任务 并不算是严格意义上的宏微任务，是种兼容的…