前端性能优化之减少重排，对比重排与重绘

在前端开发的过程中，性能优化是一个最常见的问题，重绘与重排也是提到优化时不可忽视的一块。 那么什么是重绘与重排呢，在解释重绘与重排之前，我们首先需要先了解清楚浏览器的渲染过程， 下面先上一张比较常见的渲染过程图：   根据上图我们可以看到和总结出浏览器的渲染大致分为以下五个步骤： DOM Tree： 浏览器根据HTML解析出DOM Tree Style Rules：根据CSS解析出Style Ru

>>阅读原文<<