前端源码

调度器执行任务时将任务分为三个阶段 前置刷新阶段 刷新阶段 后置刷新阶段 每个阶段两种状态 正在等待刷新 正在刷新 每次刷新时，通过Promise.resolve启动一个微任务，调用

组件的实现需要依赖于渲染器，模板的编译需要依赖于编译器，而且编译后的代码是根据渲染器和虚拟DOM的设计决定的，因此Vue中各个模块之间是相互关联、相互制约的；

vue中的更新粒度是`组件级别`的(最终还是在DOM标签级别上进行更新的)，组件的数据变化只会影响`当前组件`的更新，但是在组件更新的过程中，也会对子组件做一定的`检查`，判断子组件是否也需要更新。。

可以在全局父组件里通过`provide`将所有需要对外提供的`全局属性方法`进行跨组件透传，无论嵌套多深的子组件都可以进行`inject`注入使用，包括不限于计算属性、方法等

slot实现 原理解析 template中的内容最终会被compile成render函数，render函数内部会调用h函数转换成vnode 实现组件的默认插槽 功能点包括 在组件的render函数中通

事件注册 原理解析 格式规范 onEvent事件必须在props中定义的 事件的格式必须是on+Event的格式 事件缓存 Vue3通过检验props中的数据是否满足/^on[A-Z]/i这个正则格式

初始化 Component 流程解析 外部引用方式 创建 App 组件 直接使用 render 函数返回虚拟节点来渲染 通过 h 函数进行将真实DOM转换为虚拟DOM setup返回当前组件的数据 实

声明式描述UI Vue是一个声明式的框架、声明式的好处在于直接描述结果，用户不需要关注过程 描述UI的方式 模板式 在Vue中，所有与前端页面元素相关联的属性标签等都会有与之对应的描述方式 动态的属性

computed 计算属性 接受一个 getter 函数，返回一个只读的响应式 ref对象。该 ref 通过 .value 暴露 getter 函数的返回值。它也可以接受一个带有 get 和 set

ref -> 响应式数据创建 功能概述 需要具备的响应式功能 和reactive类似 只不过在进行依赖收集或触发时只通过单一的.value的方式(reactive收集依赖是需要根据key收集很多的..

拓展响应式 effect 的内部实现，包括runner、scheduler、stop/onStop、readonly/isReadonly/shallowReadonly相关拓展等

Vue3 响应式流程解析 常规数据变化引起其他关联数据变化的方式 通过在每次依赖数据变化时，单独调用赋值操作实现 通过将赋值过程封装到函数中，在每次依赖数据变化时，都调用一遍该函数即可

数组去重 基础版-双循环/循环+indexOf去重 排序相邻元素去重 利用对象键值对过滤进行去重 ES5方式实现 ES6实现Set和Array.from 特殊情况分析 事件总线 class类方式 实例