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

2021-03-17 19:27

阅读:405

标签:css   render   dom   浏览器内核   布局   信息   渲染   关联   过程   

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

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

标签:css   render   dom   浏览器内核   布局   信息   渲染   关联   过程   

原文地址:https://www.cnblogs.com/xiangxiang2020/p/12781900.html


评论


亲,登录后才可以留言!