【什么是回流，什么是重绘，他们之间又有什么区别？】

1. 什么是回流？

   页面中元素的尺寸，布局，隐藏等改变而需要重新构建页面，就会引起回流。

   什么是重绘？

   页面中元素属性发生改变，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。

   有什么区别？

   回流必将引起重绘，而重绘不一定会引起回流。比如：只有颜色改变的时候就只会发生重绘而不会引起回流
   当页面布局和几何属性改变时就需要回流
   比如：添加或者删除可见的DOM元素，元素位置改变，元素尺寸改变——边距、填充、边框、宽度和高度，内容改变

   优化项目，提高性能 应用场景：

   1. 我们可以改变一些写法减少回流和重绘

   比如改变样式的时候，不去改变他们每个的样式，而是直接改变className 。

   2. 将频繁的操作改为一次性操作，通过创建文档碎片，最后一次性加入文档碎片。

     // 创建文档碎片
     let frag=document.createDocumentFragment();
   
      
     for(var i=0;i<3;i++){
       let dot=document.createElement('li');
       dot.innerHTML=`${i}`
       frag.appendChild(dot)
     }
   
     oUl.appendChild(frag)