SnowBall

在vue中创建HTML 模板 手写渲染函数(最原始的方法） jsx 渲染过程 模板->模板编译->渲染函数->vnode->用户界面 模板编译成渲染函数 将模板解析为AST 遍历AST标记静态节点 使

vue3 完整流程 各个函数作用 effectstack 作用 把当前的 activeEffect 存储到 target->key->dep，然后添加一个 effect -> [dep] 的反向映射。

http是一个无状态的协议 无状态：这次请求和上次请求没有关系。无状态的好处是快速。 cookie和session 为使某个域名下的所有网页能够共享某些数据出现了session和cookie。 ses

解析 处理HTML生成DOM树 预加载扫描器 AOM（可访问对象模型）：辅助设备用于分析和解释内容 处理CSS生成样式树 将DOM树和样式树合并成render树 对render树进行布局计算，生成盒模

什么是变化侦测？ vue.js会自动通过状态生成DOM，并将其输出到页面上显示出来，这个过程叫渲染。vue的渲染时声明式的，通过模板来描述状态与DOM之间的映射关系。变化侦测用来解决状态中发生什么变化

proxy Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。 const p=new Proxy(target,handler) hand

js 与scss共享变量 在scss中通过:export导出，在js中通过esm导入 :export的是一个 全局变量 输出结果如下： 参考资料 在vue中如何把scss的变量与js共享 - 简书 (

作用 将回调推迟到下一个DOM更新周期之后执行。在更改了一些数据以等待DOM 更新后立即使用它。 vue在更新DOM时是异步执行的。当数据发生变化，VUE将开启一个异步更新队列，视图需要等队列中所有数

避免渲染本该被隐藏的列表。 在vue2中，v-for比v-if具有更高的优先级。哪怕只渲染一小部分元素，也得在每次重渲染的时候遍历整个列表。在vue3中，当它们处于同一节点，v-if 的优先级比 v-