前端小细节持续更新...
2019-12-08 本文已影响0人
Jabo
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);
这里推荐是因为,有的一些单色或者简单色的是不是可以考虑用样式代替图片呢,狂霸酷炫拽
3、css禁止选中
ele {
user-select:none;
}
恶心人的效果吧
4、h5滑动不流畅
body {
overflow:auto; /* 用于 android4+,或其他设备 */
-webkit-overflow-scrolling:touch; /* 用于 ios5+ */
}
5、Firefox:SyntaxError: "invalid regexp group" 错误提示
这是浏览器兼容问题:不支持正则 后行断言eg: ?<=