1. 啥是DOM的回流？

回流是指浏览器沉新鲜计算元素的位置和巨大细小，以便渲染出正确的布局。当DOM结构发生变来变去时比方说添加、删除元素，改变元素的尺寸、位置等，dou会触发回流这个。

2. 啥是DOM的沉绘？

沉绘是指浏览器根据新鲜的布局绘制元素的外观。当元素的样式发生变来变去，但不会关系到其位置时会触发沉绘。比方说改变元素的背景颜色、文字颜色等。

3. 回流与沉绘对性Neng的关系到

回流和沉绘dou会消耗浏览器材料，弄得页面性Neng减少。回流比沉绘geng消耗性Neng，基本上原因是回流需要沉新鲜计算布局，而沉绘只是沉新鲜绘制元素。

4. 怎么优化回流和沉绘

• 用CSS3的transform属性通过transform属性进行位置和巨大细小变来变去，Neng少许些回流和沉绘。
• 批量修改DOM用文档碎片一次性添加优良几个元素，少许些回流次数。
• 避免在滚动事件中操作DOM在滚动事件中进行DOM操作或获取元素位置会触发回流，关系到性Neng。
• 用CSS class代替style属性修改style属性会触发回流，而改变CSS class不会。
• 用预定义的class预定义的classNeng少许些样式计算，搞优良性Neng。

5. 实战案例琢磨

javascript let ul = document.createElement; let fragment = document.createDocumentFragment; for { let li = document.createElement; li.innerHTML = 'list item ' + i; fragment.appendChild; } ul.appendChild; document.body.appendChild;

在这玩意儿例子中， 通过创建文档碎片并一次性添加全部列表项，少许些了回流次数，搞优良了性Neng。

6.

回流和沉绘是前端性Neng优化的关键点。通过合理用CSS和JavaScript， 以及了解浏览器的渲染机制，我们Neng有效少许些回流和沉绘，提升页面性Neng。