不会吧!不会吧!居然还有人不知道重绘以及回流

不会吧!不会吧!居然还有人不知道重绘以及回流前言

哈喽，卷王又来了，在工作中无意问到了一个新人，​​重绘​​​和​​回流​​​的概念，后来想了想，笔者也是在逛论坛的时候才无意间知道这个概念，想这些概念如果是有去看关于​​js或者前端​​书籍的崽子们，应该都是有了解过，但是前端的知识体系个人觉得比较乱，可能有些人并没有去系统的了解，今天就来普及一下什么是重绘和回流

重绘

​​重绘​​​：html元素因​​属性发生改变或者样式变动​​​但是，但是，但是（别蛋了再蛋就给你阉了）​​在不影响布局的情况下(重点注意)​​​会触发​​重绘​​。

有哪些属性会触发重绘呢，例如：

outlinevisibilitycolorbackground-color

等一切，比如修改​​样式​​​,但是不会改变​​布局​​​一般都会触发重绘，但是例如​​position​​​、​​left​​​等属性会影响元素的位置，那触发就不是​​重绘​​​了而是​​回流​​

回流

​​回流​​​：​​布局​​​或者​​属性​​​发生​​改变​​的时候后,触发回流。

例如： ​​js​​​动态新增一个​​dom​​节点、设置宽高、设置位置等，一切会改变布局的行为都会触发回流

非常重要的知识点

回流一定会触发重绘，（布局都变了,你元素肯定要重新渲染）,重绘不一定会触发回流

今天的文章有点水了，预祝屏幕前的你，早日脱单。