# 重绘与重排

# 什么是重绘

• 渲染树中的元素外观(如颜色)发生改变

# 什么是重排

• 渲染树中的元素布局(如尺寸, 位置, 隐藏状态)发生改变

# 如何避免

• 需要对元素进行复杂操作时, 可以先隐藏
• 需要创建多个dom节点时,使用DocumentFragment创建完后一次性加入document
• 避免使用css表达式, 尽量使用css属性简写 (用 border 代替 border-width, border-style)
• 避免使用table布局