美文网首页前端
前端小细节持续更新...

前端小细节持续更新...

作者: Jabo | 来源:发表于2019-12-08 20:40 被阅读0次
    1、css 鼠标事件禁用
    ele {
      pointer-events: none;
    }
    

       平常在前端开发中我们一般很少想到css可以控制元素的事件,也就很少注意到这个属性,这个用的好其实挺便利的,这里不扩展了撒

    2、css渐变
    background-image: linear-gradient( [ <angle> | to <side-or-corner> ,]? <color-stop-list> )
    background-image: radial-gradient(shape size at position, start-color, ..., last-color);
    

       这里推荐是因为,有的一些单色或者简单色的是不是可以考虑用样式代替图片呢,狂霸酷炫拽

    注:
    CSS3 渐变(Gradients)

    3、css禁止选中
    ele {
      user-select:none;
    }
    

      恶心人的效果吧

    4、h5滑动不流畅
    body {
          overflow:auto;   /* 用于 android4+,或其他设备 */
          -webkit-overflow-scrolling:touch;    /* 用于 ios5+ */
    }
    
    5、Firefox:SyntaxError: "invalid regexp group" 错误提示

       这是浏览器兼容问题:不支持正则 后行断言eg: ?<=

    相关文章

      网友评论

        本文标题:前端小细节持续更新...

        本文链接:https://www.haomeiwen.com/subject/ntfvgctx.html