今天小编跟大家讲解下有关web 前端页面的渲染（DOM） ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关web 前端页面的渲染（DOM） 的相关资料，希望小伙伴们看了有所帮助。
css会阻塞渲染树的构建，不阻塞DOM构建，但是在cssOM构建完成之前，页面不会开始渲染（一片空白），cssOM构建完成后，页面将会显示出内容。
渲染树构建
1、从 DOM 树的根节点开始遍历每个可见节点。
2、某些节点不可见（例如脚本标记、元标记等），因为它们不会体现在渲染输出中，所以会被忽略。某些节点通过 css 隐藏，因此在渲染树中也会被忽略，例如，上例中的 span 节点---不会出现在渲染树中，---因为有一个显式规则在该节点上设置了“display: none”属性。
3、对于每个可见节点，为其找到适配的 cssOM 规则并应用它们。
4、发射可见节点，连同其内容和计算的样式。
来源：爱蒂网
