virtual dom
- 提供一种方便的工具,f(data) => view 状态到视图的映射, 组件化开发, 使得开发效率得到保证
- 保证最小化的DOM操作带来的重新渲染(包括layout、paint和composite), 使得执行效率得到保证
如何最小化渲染消耗呢? diff 算法 + render, 将优化步骤统一发那个在 render 这个函数中去处理;
diffing 算法设计
由virtual dom(ReactElement<any, any> | null)组成的树, 映射出DOM树, 基于React元素树的变更差异来更新DOM树. |