码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器渲染过程

时间:2020-05-17 21:55:56      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:遍历   tle   内容   license   oar   部分   基本   cli   html   

渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。

下面是渲染引擎在取得内容之后的基本流程:

解析html以构建dom树->构建render树->布局render树->绘制render树

技术图片

Render树由一些包含有颜色和大小等属性的矩形组成,它们将被按照正确的顺序显示到屏幕上。

Render树构建好了之后,将会执行布局过程,它将确定每个节点在屏幕上的确切坐标。再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点。

值得注意的是,这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的html都解析完成之后再去构建和布局render树。它是解析完一部分内容就显示一部分内容,同时,可能还在通过网络下载其余内容。

浏览器渲染过程

标签:遍历   tle   内容   license   oar   部分   基本   cli   html   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12906948.html

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