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: ?<=
6、 typeof() : 少了null类型,多了function
typeof(null) 返回object, typeof 返回的数据类型 是根据机器码 后三位000 => object
typeof(function(){})、typeof(Array) => function, object 定义一个[[call]]: 含有则返回function
7、堆栈
栈: 计算机为原始类型开辟的一块内存空间 string、 number...
堆: 计算机为引用类型开辟的一块内存空间 object 【堆在栈中存地址值】
8、IOS 时间处理异常NAN
ios的时间处理是以"/"做分割
let parseDateTime = new Date(dateTime.replace(/-/g, "/"))
9、iframe H5页面出现图表展示异常【缩小】
在iframe的header中加入下面的meta即可
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
10、a标签包裹拖拽有链接的问题
处理方法:禁用拖拽 ondragstart="return false"
<a href="#" ondragstart="return false">
禁止拖拽的a标签,拖拽鼠标看看
</a>
11、css table 布局的时候,因内容撑开变得不等分
处理: 在display:table 行加入 table-layout: fixed;就ok了