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

438 查看

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

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,"").