记录工作中遇到的坑

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,隐藏的图片会导致其后面的图片不加载,必须让隐藏的图片加载出来才会加载隐藏图片后面的图片,具体看图片所示:
qq%e6%88%aa%e5%9b%be20160918151456

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 之后,才是有效的。

打赏支持

如果文章对你有帮助就打个赏吧~

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

评论

还没有任何评论,你来说两句吧

发表评论

Powered By Yuuk