1、<input type="hidden">
隐藏域不能被form.reset()
重置。
2、<input type="text">
文本域设置css属性display:none时不能用jquery val()
方法设置值。
3、google plus分享,不能自定义图片及文字,默认抓取的是当前页面中最大尺寸的图片。
4、gulp-cssnano
压缩css时会把z-index的值改变,比如设置 z-index:10000
会被压缩成 z-index:9
非常坑爹,解决办法就是换一个gulp压缩css的插件 gulp-clean-css
即可解决
5、图片懒加载lazyload插件的bug,隐藏的图片会导致其后面的图片不加载,必须让隐藏的图片加载出来才会加载隐藏图片后面的图片,具体看图片所示:
6、移动端页面,在三星手机自带浏览器中使用css3属性需要加上前缀。否则属性不生效,例如:transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);
7、IE8中下,before和after伪元素设置 filter: alpha(opacity=10);
无效
8、redis不能直接存object,存之前需要 JSON.stringify(info)
一下,取的时候再用 JSON.parse(info)
9、Mac系统对大小写不敏感的问题,坑了我一天。在node中引入文件时,引入时候写的文件首字母是大写,但是文件其实首字母是小写,本地调试一直没问题,原因就是本地mac系统对大小写不敏感,服务器Linux系统对大小写敏感
10、CSS伪类顺序,a:active
需要在 a:hover
后面,否则不生效。以下是查询文档得出的结论,供大家参考:
在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。