回流与重绘

标签：width   under   属性   height   背景   如何   idt   实现   das   

1.基本概念

　　回流：DOM结构的增删改

　　重绘：颜色背景字体等视觉上页面的改变

2.特点

　　回流一定会触发重绘

　　重绘不一定触发回流

3.避免回流

　　更改样式时尽量更改class样式名，而不是直接更改CSS样式属性

　　避免使用table布局

　　尽可能少使用行内样式

　　尽量在DOM树末端改变样式，改变子节点

　　在实现动画时，使用position的absolute和fixed

4.如何分辨重绘

　　改变字体

　　增删样式表

　　内容变化，例如输入框内输入了文字

　　激活CSS伪类，如“:hover”

　　脚本操作DOM（回流->重绘都会发生）

　　计算offsetWidth和offsetHeight属性

　　设置style属性的值回流

————学习记录

回流与重绘

标签：width   under   属性   height   背景   如何   idt   实现   das   

原文地址：https://www.cnblogs.com/atao24/p/13308463.html