- 浏览器渲染原理
1.步骤
构建html树（DOM）-构建css树（CSSOM）-合并成渲染树（render tree）-layout布局（文档流，盒模型，计算大小和位置）-paint（画颜色和阴影）-compose（根据层叠关系显示画面）
2.三棵渲染树
3.使用不同的JS方式更新样式时渲染方式也会不同
- CSS 动画的两种做法（transform+transition 和 animation）
1.transform（translate,scale,rotate，skew）
translate用法：translateX(30%或30px）；translateY(同左)，translate（50%，50%）可以用于绝对定位元素居中
rotate(45deg)
2.transition:属性名（left/all） 时长(1s) 过渡方式 延迟
过渡方式：linear/ease/ease-in/ease-out/step-start/step-end
3.animation:时长 过渡方式 延迟 次数（3/infinite） 方向(reverse/alternate/alternate-reverse) 填充模式(none/forwards可以停在最后一帧/backwards/both)
animation配合keyframes
