继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

前端工作小常识汇总(兼容 优化等),持续完善中......

qq_曖狠简单_0
关注TA
已关注
手记 4
粉丝 10
获赞 230

以下这些问题都是我在工作的过程中遇到过的问题 为了避免之后工作再出现类似问题 ,故将这些问题记录下来便于之后工作。

1.下拉框内容垂直居中 ie8及以下问题? 解决:减少line-height值 使用padding值

2.img src="" 的缺点; IE会请求多一次当前页面的目录;firefox和chrome会多请求一次当前页面,所 有页面中不要出现这种空白的src影响效率;

3.display:inline-block; ie7以下没有作用? 解决:使用*display:inline;zoom:1;

4.rgba ie7以下没有作用? 解决:使用滤镜+height 注意必须设置高度

5.overflow:hidden;ie7下没有作用? 解决:父容器添加*position:relative;

6.文字两边没有对齐问题? 解决:text-align:justify;

7.文字和英文没有自动换行问题? 解决:word-wrap:break-word(单词会在下一行显示====CSS3)
word-break:break-all(单词会截断显示);

8.输入框内容改变时执行事件使用:input;

9.给网页的title赋值问题?解决:document.title = “” 注意:不能使用$("title").val(""),IE不兼容jquery.js会报错;

10.html兼容设置问题? 解决:(1)设置使用最高版本的文档模式: <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/> (2)设置360浏览器使用webkit内核不使用IE内核:<meta name="renderer" content="webkit">

11.在IE中日期转化为毫秒数:newTime= Math.round(new Date(time).getTime())返回NaN? 解决:将日期的“-”转化为“/”再进行毫秒转化,例如:2016-10-01转为2016/10/01。

12.如何去掉字符创中的html标签? 解决:使用正则表达式str.replace(/<.*?>/ig,"").

13.如何让IE8以及以下版本浏览器支持HTML5元素和媒体查询? 解决:需要引入两个js
CDN地址:https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js

打开App,阅读手记
53人推荐
发表评论
随时随地看视频慕课网APP

热门评论

感谢分享,新手在这条路上很迷茫啊,请问大胸弟,出去找前端工作的话需要哪些知识,要到什么水平??

查看全部评论