1、解析HTML,构建DOM
2、解析CSS,构建CSSOM
3、JS脚本加载
4、将DOM和CSSOM组合生成Render Tree(渲染树)
5、遍历渲染树,将渲染树每个节点,进行页面的回流与重绘,生成页面
上述这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的html都解析完才去构建和布局render树,它是解析一部分就显示一部分,同时,可能还在通过网络下载其余内容。
蓝色海岛 ©著作权
文章标签 qt 文章分类 JavaScript 前端开发
1、解析HTML,构建DOM
2、解析CSS,构建CSSOM
3、JS脚本加载
4、将DOM和CSSOM组合生成Render Tree(渲染树)
5、遍历渲染树,将渲染树每个节点,进行页面的回流与重绘,生成页面
上述这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的html都解析完才去构建和布局render树,它是解析一部分就显示一部分,同时,可能还在通过网络下载其余内容。
上一篇:vue中使用过的全局API
下一篇:ES6新增的数组方法
本文介绍浏览器的网页的渲染的原理。
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M