浏览器渲染过程

  1. 解析HTML内容,碰到CSS、IMG、Script发送请求下载,边解析边构建DOM树
  2. 如果碰到script,会暂停DOM树构建,等该script下载执行完后再继续构建
  3. 碰到CSS会解析构建成CSSOM(CSS对象模型)
  4. 遍历DOM树中所有节点,在CSSOM中找到该节点对应的样式,最后生成渲染树,遍历过程中如果碰到不可见元素(script,display:none)等会忽略,即不会添加到渲染树中

发表评论

电子邮件地址不会被公开。 必填项已用*标注