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


    整理:

    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

  • 相关阅读:
    this 关键字
    Win10 删除“此电脑-文件夹”中的七个快捷方式
    ESLint 配置(三)Vue 项目
    ESLint 配置(二)Standard 和 Prettier
    ESLint 配置(一)基础配置
    简易FTP
    选课系统
    ATM+购物车
    ATM+购物车导图
    函数作业
  • 原文地址:https://www.cnblogs.com/twodog/p/12137098.html
Copyright © 2020-2023  润新知