zoukankan      html  css  js  c++  java
  • 锤子科技官网:问题整理及注意事项

    整理:

    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。

  • 相关阅读:
    Easyui 遮罩实现方式
    eclipse修改web项目部署路径 wtpwebapps webapps 的设置
    JS中的!=、== 、!==、===的用法和区别。
    springboot自定义页面拦截
    springboot修改页面不用重启的设置(idea)
    js追加html元素
    获取上一节点、删除节点、删除上一元素
    刷新父页面
    html内获取当前文件路径,页面获取当前路径
    获取url后的参数、获取a标签的参数
  • 原文地址:https://www.cnblogs.com/flypea93/p/8853176.html
Copyright © 2011-2022 走看看