一阶段项目结尾整理

锤子科技官网:问题整理及注意事项

整理:

1.cursor: not-allowed;红色圆圈斜线:禁止操作。

2.white-space:nowrap; 字符不准换行。
    text-overflow:ellipsis;当文字超出显示范围的时候以省略号处理

3.pointer-events 鼠标穿透遮罩层操作下层元素

4.str.slice(0,-2);截取最后两位之前的所有;

5.XX.focus();焦点

6.阴影:box-shadow:1px 2px 3px 4px #ccc inset;      //inset  设置为内阴影(如果不写这个值,默认为外阴影);

7.渐变background: linear-gradient(#141414,#1A1A1A);    //=2个颜色的直线(默认上下)平滑渐变,可通过设置角度设置方向,比如linear-gradient(90deg,#141414,#1A1A1A);//左右
radial-gradient(径性渐变)。

8.透明度:
opacity  设置div的透明度    transparent 是设置color的透明度

9.动画:
transform: translate3d(0, -100%, 0);

10.transition: 2s     //过渡时间

11.div的鼠标移入变小手可以直接加给div,不用通过:hover。
 .div1:hover .div2 --鼠标放到div1时操作div2

注意事项:
1.用line-through作为删除线的时候,默认在文字的中下位置,为了美观,此处使用上/下边框,然后用定位调整位置,与文字拼合到一起实现效果。
2.icon
3.俩个div相互显示隐藏时,如果定时器没有完成,可能会出现闪烁的问题,可以将默认显示的div用透明度操作。
4.截取字符串,通过定时器进行运算赋值的时候,同时取整(不然只能进行++/--运算,否则会成为字符串拼接)截取位数时为避免重复进入定时器最好使用str.slice();
5.一条“有质感”的分割线可由一道背景色比背景色深的线和一条白线实现
6.for循环内不能套function。

原文地址:https://www.cnblogs.com/baobaoa/p/8853720.html