技术 浏览器渲染管线与重排重绘优化页面卡顿、滚动掉帧,很多时候不是 JS 算得慢,而是触发了过多的重排(reflow)。要写出流畅的界面,得先理解浏览器是怎么把代码变成像素的。 渲染管线从 HTML 到屏幕上的像素,浏览器大致走这几步: graph LR A[HTML] --> B[DOM] C[CSS] -->2026 年 04 月 28 日 阅读 2 分钟