面试真题

前端 · 中等 · 腾讯

加载一个 HTML 的浏览器是怎么渲染页面的?

中等 前端 🎤 腾讯
参考答案
结论:浏览器渲染流程为:解析HTML构建DOM树;解析CSS生成CSSOM;合并为渲染树;布局(Layout)算几何位置;绘制(Paint)成像素;合成(Composite)到屏幕。原理:HTML经分词成DOM,CSS优先级计算样式;渲染树剔除display:none节点;布局确定坐标尺寸;绘制调用图形库。差异:JS会阻塞解析,可加async/defer;重排重绘影响性能。示例:<script>放底部避免阻塞DOM构建。
题目整理自公开面经,答案由校招宝自研生成,仅供参考