上节我们阅读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的源码解读方面的文章