Vue源码解析：虚拟dom详解

• 第三步，将DOM树和样式表，关联起来，构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有attach方法，接受样式信息，返回一个render对象(又名renderer)。这些render对象最终会被构建成一颗Render树。

• 第四步，有了Render树，浏览器开始布局，为每个Render树上的节点确定一个在显示屏上出现的精确坐标。

• 第五步，Render树和节点显示坐标都有了，就调用每个节点paint方法，把它们绘制出来。

1.webkit渲染引擎工作流程

2、DOM树的构建是文档加载完成开始的？

不是，边加载边构建：构建DOM数是一个渐进过程，为达到更好用户体验，渲染引擎会尽快将内容显示在屏幕上。它不必等到整个HTML文档解析完毕之后才开始构建render数和布局。

3、Render树是DOM树和CSSOM树构建完毕才开始构建的吗？

不是，交叉进行：这三个过程（Render树、DOM树、CSSOM树）在实际进行的时候又不是完全独立，而是会有交叉。