码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-04-26 20:39:23      阅读:95      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!