WEEX H5 Render 解读（13）之vdom原理

上节我们阅读vdom源码主要发现有下面几种节点：

• document, 是变形的Element节点

• node, 我对他的理解是类似C#中抽象类
• element, 继承自node，是vdom的主要内容
• Comment, 是用于表示备注的，对dom不产生影响。

有几个比较重要的概念需要熟悉：

• docId, 文档编号，值是这个页面访问的url。文档中除注释节点意外所有节点都有这个属性。

• ownerDocument，用于指向节点所属的document对象
• nodeMap，存储所有节点出现顺序的映射关系（下面简称为索引）。
• ref，节点出现的顺序，用于从dom树找到对应的索引。document对应的值为_root
• nodeId，节点出现的顺序，除document节点外与ref值一样,
• nodeType, 目前值只有1和8,1表示是Element元素，8表示是注释
• listener,与vdom配合配合使用的事件处理器。

---

这篇文章初写于4个月之前，刚刚看到没有没有发布，现发布出来，虽然没有写完整，但是也算是对weex H5 Render的补充吧。从1月22号起，将会分享结合h5 Render 进行android Render的源码解读方面的文章