浏览器渲染原理
2024-04-03 11:36:06 0 举报
浏览器渲染原理是指浏览器处理、解析和展示网页内容的过程。首先,浏览器会接收用户输入的URL,并将其解析成相应的IP地址,并发送HTTP请求到服务器以获取网页内容。然后,浏览器会对HTML文档进行解析,生成DOM树,并解析CSS样式以生成CSS规则树。接着,浏览器会计算DOM树中的元素在屏幕上的位置,这个过程称为布局。最后,浏览器会通过绘制流程在屏幕上显示渲染完成的网页。这一过程会涉及各种优化和加速策略,以提高渲染速度和用户体验。
作者其他创作
大纲/内容
layer分层
parse解析HTML
渲染主线程
paint绘制
draw画
color: red;修改元素样式,重新根据分层信息计算绘制指令,称为重绘rePaint,不需要改动layout树
往后的步骤都重新走一遍,被称为重新布局,reflow
layout
合成线程
Raster光栅化
tiling分块
width: 300px修改元素尺寸,需要重新计算样式,生成layout树
最终呈现页面
stylecomputed style
计算完style之后,不走layout和分层,直接重新生成绘制指令
0 条评论
下一页