面试真题

结论：浏览器通过请求资源、解析构建树、布局绘制最终显示。核心步骤：1.网络请求：URL经DNS、TCP、HTTP获取HTML/CSS/JS等资源；2.解析：HTML生成DOM树，CSS生成CSSOM树，JS可修改DOM；3.渲染树：合并DOM与CSSOM形成Render Tree，仅含可见节点；4.布局Layout：计算节点几何位置大小；5.绘制Paint：栅格化成像素，GPU合成图层显示。示例：CSS下载阻塞渲染，JS执行可能阻塞解析。优化方向：减少重排重绘、异步加载脚本。