这些符号成为节点对象

节点对象以树状数据结构链接，其中包含 HTML 内容、属性以及节点之间的所有关系。这个结构就是文档对象模型。这里需要注意的是，浏览器是增量构建 DOM 的。这使我们有机会通过创建高效的 DOM 结构来加速页面渲染。





CSSOM当解析器遇到引用外部 CSS 样式表 欧洲手机号码列表 的链接标记时，它会阻止解析并发送对此资源的请求。一旦收到 CSS 文件，浏览器就开始构建 CSS 节点树数据结构。



浏览器从 .css 文件中读取字节行并将它们转换为单个字符将大括号内的字符串转换为标记这些符号成为节点对象节点对象以树状数据结构链接，其中包含每个节点的 CSS 属性以及节点之间的关系。这个结构就是CSS对象模型（CSSOM）。



与 DOM 构建不同，CSSOM 构建不是增量的。浏览器不能使用样式表的一部分，因为可以在同一样式表中细化和重新声明样式。因此，浏览器会阻止处理，直到收到并解析所有 CSS。这意味着CSS 是一个视图拦截器。



CSSOM结构观赏树浏览器将 DOM 和 CSSOM 组合成显示树，这是最终的树结构，包含用于在屏幕上显示页面的所有节点和属性。

显示树仅包含呈现页面所需的节点。结果，不可见的节点被省略。浏览器使用显示树来计算尺寸和位置，并最终作为绘画过程的输入。







最后，在屏幕上绘制像素DOM正如Google 的关键显示路径优化指南中所解释的，浏览器按四步顺序生成文档对象模型：首先，浏览器读取字节行并将它们转换为单个字符然后它将尖括号中的字符串转换为符号。