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

整理：

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

12.js中字符串格式化：`内容 换行啥的都可以`--键盘1左边

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

转载于:https://www.cnblogs.com/flypea93/p/8853176.html