回流与重绘

1.基本概念

  回流:DOM结构的增删改

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

2.特点

  回流一定会触发重绘

  重绘不一定触发回流

3.避免回流

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

  避免使用table布局

  尽可能少使用行内样式

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

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

4.如何分辨重绘

  改变字体

  增删样式表

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

  激活CSS伪类,如“:hover”

  脚本操作DOM(回流->重绘都会发生)

  计算offsetWidth和offsetHeight属性

  设置style属性的值回流

————学习记录

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