>[success] # 回流和重繪 1. **回流reflow**也可以稱之為**重排**,**第一次**確定節點的大小和位置，稱之為**布局（layout）**,之后對**節點的大小、位置修改重新計算**稱之為**回流**例如： 1.1. 比如DOM結構發生改變（添加新的節點或者移除節點） 1.2. 比如改變了布局（修改了width、height、padding、font-size等值） 1.3. 比如窗口resize（修改了窗口的尺寸等） 2. **重繪repaint**，第一次渲染內容稱之為**繪制（paint）**，之后重新渲染稱之為**重繪**例如 2.1. 修改背景色、文字顏色、邊框顏色、樣式等 注： **回流一定會引起重繪**，所以回流是一件很消耗性能的事情。 >[danger] ##### 避免回流 1. 修改樣式時盡量一次性修改，比如通過cssText修改，比如通過添加class修改 2. 盡量避免頻繁的操作DOM，可以在一個DocumentFragment或者父元素中將要操作的DOM操作完成，再一次性的操作 3. 對某些元素使用position的absolute或者fixed，這樣雖然也會回流但是開銷相對較小，不會對其他元素造成影響。