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

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

前言

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

重绘

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

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

• outline
• visibility
• color
• background-color

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

回流

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

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

非常重要的知识点

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

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