运行时渲染核心机制专题测试

VNode.isStatic

VNode.isStaticRoot

VNode.static

VNode.isStaticNode

数据修改后立即同步更新DOM

数据修改触发setter,通知对应的Watcher

所有Watcher更新被推入异步队列,在下一个tick中批量执行

同一数据在同一tick内被修改多次,只会触发一次更新

完整的O(n³)最长公共子序列算法

同层比较,采用双端对比(newStart/newEnd与oldStart/oldEnd)策略

从前往后单向遍历比较

React的Fiber时间切片策略

组件实例化时首先执行beforeCreate钩子,然后初始化props、data、methods等

created钩子执行时,组件已完成数据观测但还未挂载DOM

mounted钩子执行时,组件el已被真实DOM替换,可访问$el

Vue.use()注册的全局组件在任意组件实例化前就已可用

对

错

Vue 3使用Proxy替代Object.defineProperty,可以检测对象属性的添加和删除

Vue 3使用WeakMap存储响应式对象的代理缓存,避免重复代理

Vue 3的依赖收集使用track函数,触发更新使用trigger函数,替代了Vue 2的Dep-Watcher模式

Vue 3的ref和reactive创建的响应式对象在模板中使用时,需要手动.value解包

Vue 3采用最长递增子序列(LIS)算法优化子节点diff,减少了不必要的DOM移动

Vue 3取消了key的使用,完全依赖节点类型和props进行匹配

Vue 3的diff算法时间复杂度从O(n)降低为O(1)

Vue 3在patch阶段仍然采用与Vue 2完全相同的双端对比策略