什么是回流，什么是重绘，有什么区别？

什么是回流？

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

什么是重绘？

页面中元素属性发生改变，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如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)