浏览器内核拿到html文件后,渲染流程是怎么样?

  1. 解析html元素,构建dom 树
  2. 解析CSS,生成页面css规则树(Style Rules)
  3. 将dom树 和 css规则树关联起来,生成render树
  4. 布局(layout/ reflow),浏览器会为Render树上的每个节点确定在屏幕上的尺寸、位置
  5. 绘制Render树,绘制页面像素信息到屏幕上,这个过程叫paint

相关推荐