前端性能优化之浏览器重排与重绘

浏览器渲染过程

在分析浏览器重排、重绘对性能的影响时，我们需要大致了解浏览器的渲染过程，其大致流程为：

把HTML结构字符串解析转换DOM树形结构解析CSS会产生CSS规则树js脚本文件加载后， 通过 DOM API 和 CSSOM API 来 *** 作 DOM Tree 和 CSS Rule Tree

浏览器有GUI渲染线程与JS引擎线程，为了防止渲染出现不可预期的结果，这两个线程互斥，故渲染过程中，如果遇到