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

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

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

2.img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" 的缺点; 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