回流与重绘
Posted atao24
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了回流与重绘相关的知识，希望对你有一定的参考价值。
1.基本概念
回流：DOM结构的增删改
重绘：颜色背景字体等视觉上页面的改变
2.特点
回流一定会触发重绘
重绘不一定触发回流
3.避免回流
更改样式时尽量更改class样式名，而不是直接更改CSS样式属性
避免使用table布局
尽可能少使用行内样式
尽量在DOM树末端改变样式，改变子节点
在实现动画时，使用position的absolute和fixed
4.如何分辨重绘
改变字体
增删样式表
内容变化，例如输入框内输入了文字
激活CSS伪类，如“:hover”
脚本操作DOM（回流->重绘都会发生）
计算offsetWidth和offsetHeight属性
设置style属性的值回流
————学习记录
以上是关于回流与重绘的主要内容，如果未能解决你的问题，请参考以下文章
回流（重排）与重绘 —— 什么是回流和重绘，造成的原因是什么，如何去减少？