PC_官网设计

时间:2021-10-10 04:39:22

PC_官网设计

1. 头部 header 固定 的两种方式

  • 固定定位
  • 内容区 包裹,使用 overflow: hidden;

2. 动画第二次起效

缺少动画初始参数

3. 隐藏元素

display: none;
visibility: hidden;
opacity: 0;
width: 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 布局。