JS-重绘与回流

重绘 就是按照文档树的结构 重新绘制页面 渲染

回流/回档 就是页面的元素排版布局数量和节点在树中位置发生了改变

回流必然引起重绘 但是重绘不一定引起回流

function change1() {
   var box = document.querySelector(".box");
   box.innerHTML = "6666"; // 回流
   box.style.visibility = "hidden"; // 重绘不回流
   box.style.display = "none"; // 回流
}

程序执行时 常常会操作页面 常常引起重绘/回流 频繁的重绘/回流会造成页面性能不好，页面卡顿 迟缓 手机发烫