YxiaoqiR的博客

极其容易混淆的几个概念，它们是WebKit和WebKit2，Chromium和Chrome, Blink。

多进程多线程

Chromium/Blink绘制页面的基本工作流程。用户点击链接或输入网址，到最终显示网页内容，经历了以下几个重要步骤

呈现器是和 DOM 元素相对应的，但并非一一对应。

WebKit是一个渲染引擎，而不是一个浏览器，它专注于网页内容展示，其中渲染是其中核心的部分之一。

RenderLayer树是基于Render树建立起来的一颗新的树。同样，RenderLayer节点和Render节点不是一一对应关系，而是一对多的关系。

DOM 树上每一个节点都对应着网页里面的每一个元素，并且网页也可以通过 JavaScript 操作这棵 DOM 树，动态改变它的结构。但是 DOM 树本身并不能直接用于排版和渲染，内核还会生成另外一棵树 － Render 树，Render 树上的每一个节点 － RenderObject，跟 DOM 树上的节点几乎是一一对应的，当一个可见的 DOM 节点被添加到 DOM 树上时，内核就会为它生成对应的 RenderOject 添加到 Render 树上。