简单说一下页面重绘和回流？

1、什么是回流
回流：当 render tree 的一部分或全部的元素因改变了自身的宽高，布局，显示或隐藏，或者元素内部的文字结构发生变化 导致需要重新构建页面的时候，回流就产生了2、什么是重绘
重绘：当一个元素自身的宽高，布局，及显示或隐藏没有改变，而只是改变了元素的外观风格的时候，就会产生重绘。例如你改变了元素的 background-color.... 因此得出了一个结论：回流必定触发重绘，而重绘不一定触发回流
需要要对元素进行复杂的操作时，可以先隐藏(display:"none")，操作完成后再显示需要创建多个 DOM 节点时，使用 DocumentFragment 创建完后一次性的加入document
缓存 Layout 属性值，如：var left = elem.offsetLeft; 这样，多次使用left 只产生一次回流
尽量避免用 table 布局（table 元素一旦触发回流就会导致 table 里所有的其它元素回流）避免使用 css 表达式(expression)，因为每次调用都会重新计算值（包括加载页面）尽量使用 css 属性简写，如：用 border 代替 border-width, border-style, border-color
批量修改元素样式：elem.className 和 elem.style.cssText 代替elem.style.xxx