1. 头部 header 固定 的两种方式
- 固定定位
- 内容区 包裹，使用 overflow: hidden;
2. 动画第二次起效
缺少动画初始参数
3. 隐藏元素
display: none;
visibility: hidden;
opacity: 0;
0;
height: 0;
transform: scale(0);
transform: translate(-10000px);
4. 滚轮事件 绑定给 document
5. window.onresize 处理浏览器缩放问题
6. 注意 background 覆盖问题，记得分开写
7. 如果一个元素进行 3D 变换，最好对其父元素 开启 3D 空间。（解决层级问题）
8. backface-visibility: hidden; 背面不可见
9. transition: 1s top, 1s left, 1s right, 1s bottom;
10. 能用 visibility 实现隐藏，就不用 display: none;
11. 一定要注意 变量 += +变量+1; 防止变量是字符串。
12.canvas 动画
（1） 不能用 css 设置 canvas 的 width 和 height
（2） 啊
13. overflow: hidden; 开启了 BFC ，会打乱 3D 布局。