概念和历史

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 创建元素

相关库:SnabbDOM

直接看这个
https://www.yuque.com/xinbao37/roadmap/kcugk2