首页 > 代码库 > Virtual DOM

Virtual DOM

Virtual DOM是React的核心技术之一。

 

virtual   [?v?:t?u?l]    [?v?:rt?u?l]

adj.    实质上的,事实上的; (计算机) 虚拟的; <物>有效的,虚像的; (粒子) 实际存在的;

实际上,Virtual DOM包含:

  • Javascript DOM模型树(VTree),类似文档节点树(DOM)
  • DOM模型树转节点树方法(VTree -> DOM)
  • 两个DOM模型树的差异算法(diff(VTree, VTree) -> PatchObject)
  • 根据差异操作节点方法(patch(DOMNode, PatchObject) -> DOMNode)

参考:http://www.cnblogs.com/justany/archive/2015/04/08/4401118.html

        https://github.com/livoras/blog/issues/13   深度剖析:如何实现一个 Virtual DOM 算法

        https://www.zhihu.com/question/29504639?sort=created   知乎:怎么更好的理解虚拟DOM?

 

Virtual DOM