# 回流重绘 > 回流必将引起重绘，重绘不一定会引起回流。 > reflow(回流)和repain(重绘)。DOM节点中的各个元素都是以盒模型的形式存在，这些都需要浏览器去计算其位置和大小等，这个过程称为relow;当盒模型的位置,大小以及其他属性，如颜色,字体,等确定下来之后，浏览器便开始绘制内容，这个过程称为repain。页面在首次加载时必然会经历reflow和repain。reflow和repain过程是非常消耗性能的，尤其是在移动设备上，它会破坏用户体验，有时会造成页面卡顿。所以我们应该尽可能少的减少reflow和repain。 > 当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程称为回流。 会导致回流的操作： 1. 页面首次渲染 1. 浏览器窗口大小发生改变 1. 元素尺寸或位置发生改变 1. 元素内容变化（文字数量或图片大小等等） 1. 元素字体大小变化 1. 添加或者删除可见的DOM元素 1. 激活CSS伪类（例如：:hover） 1. 查询某些属性或调用某些方法 > 当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color、visibility等），浏览器会将新样式赋予给元素并重新绘制它，这个过程称为重绘。