浅谈CSS重绘和回流（重排）—— 如何减少重绘和回流（重排）

浏览器的渲染过程 解析HTML，构建DOM树 解析CSS，生成CSS规则树 合并DOM树和CSS规则，生成render树 布局render树（Layout/reflow），负责各元素尺寸、位置的计算 绘制render树（paint），绘制页面像素信息 浏览器会将各层的信息发送给GPU，GPU会将各层合成（composite），显示在屏幕上 基本概念 重绘：当页面元素样式改变不影响元素在文档流中的位

>>阅读原文<<