概念和历史
DOM操作很耗资源、操作复杂。很难对比DOM状态。
我们把DOM映射成对象,通过值来描述DOM结构,形成一个虚拟Tree
优缺点
好处
- 复杂情况能提升性能
- 方便跨端
缺陷
- 简单情况相比直接操作DOM反而降低
相关库:Virtual-DOM
这部分的概念可以来自 https://github.com/Matt-Esch/virtual-dom 这个仓库,应该是资历最久的。
国内镜像 https://gitee.com/mirrors/Snabbdom
它介绍了一种虚拟DOM的技术,提到了
- h 渲染函数
- diff 比对计算
- patch 算法比对
- createElement 创建元素