摘要:
基本概念浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow(回流)。有时 reflow 页面中的一个元素会 reflow 它的祖先元素以及所有子元素。由于 reflow 的开销非常之大,因此要尽可能的避免 reflow 的发生。产生 reflow 的原因● 调整窗口大小;● 改变字体;● 增加或者移除样式表;● 内容变化,比如用户在 input 框中输入文字;● 激活 CSS 伪类,比如 :hover (IE 中为兄弟结点伪类的激活);● 操作 class 属性;● 脚本操作 DOM;● 计算 offsetWidth 和 offse 阅读全文