通俗易懂的 react diff 面试指南

235 阅读1分钟

通俗易懂描述 react diff 算法

首先定义三个基准策略

 

a.  相同类型组件生成相似树结构,不同类型组件

b. 同一层级的一组子节点通过唯一 ID 进行区分(即 key )

c. 忽略跨层级 DOM 操作

 

基于以上假设对于 tree diff,diff 算法只会比较同一层级节点