面试准备（1）重排与重绘和验证码

重排与重绘

重绘：触发条件-->改变元素外观属性。如color，background等
重排：渲染树尺寸，布局等改变需要重新构建，就称为回流。

重绘与重排的关系

重排必定会引起重绘，重绘不一定会引起重排。

触发重绘的条件

任何页面布局和几何属性的改变都会触发重排：
比如：
1.页面渲染初始化。
2.删除或添加可见的dom元素
3.元素位置改变，或者使用动画。
4.元素尺寸的变化。
5.浏览器窗口尺寸的变化，等

优化

1.减少去渲染树的操作，
2.直接改变元素的className
3.将需要多次重排的元素，position设置为absoulute或fixed

验证码

es6中的class语法