技术栈
浏览器渲染
叫我一声阿雷吧
18 天前
javascript
·
前端面试
·
前端性能优化
·
浏览器渲染
·
浏览器渲染原理，重排重绘
·
reflow
·
repaint
JS 入门通关手册（45）：浏览器渲染原理与重绘重排（性能优化核心，面试必考
本文深度拆解浏览器页面渲染的完整流程，从 HTML 解析到最终页面呈现，一步步理清关键渲染路径，详细讲解重排（Reflow）与重绘（Repaint）的核心概念、触发场景、性能影响，总结 10 条实战可用的重排重绘优化方案，结合代码示例与避坑指南，覆盖前端性能优化高频面试考点，帮你从底层理解页面卡顿根源，写出高性能前端代码。
魔云连洲
1 年前
前端
·
css
·
浏览器渲染
详细解释浏览器是如何渲染页面的？
渲染的目标：将HTML文本转化为可以看到的像素点当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。
我是有底线的