回流是什么意思

在网页开发中，我们常常听到回流这个词汇，但是什么是回流呢？回流又称重排，是指当DOM结构或者CSS样式发生改变时，浏览器重新计算元素大小，位置等属性，然后重新排版页面的过程。

回流造成的影响

回流是非常耗费性能的操作，因为它会改变整个页面的布局和渲染，影响页面的视觉体验，而且回流的过程很慢，如果页面元素过多，回流的时间会更长。

如何减少回流

为了减少回流操作，我们需要遵循以下规则：

避免使用table布局，因为table布局需要先计算列宽和行高才能渲染，导致回流。

避免改变元素的样式属性，例如用JavaScript改变元素的宽高、字体大小等。

减少重复操作，例如在循环中对元素进行样式的修改，可以先保存好样式，一次性修改，避免多次回流。

使用文档片段（DocumentFragment）对DOM元素进行操作，最后再插入到文档中，避免造成多次回流。

使用CSS3动画代替JavaScript动画，因为CSS3动画使用GPU加速，比JavaScript动画更加流畅。