在工作中会经常遇到一些浏览器的兼容性问题，考虑的主要有2块方面的兼容性问题，一个是css样式的兼容性，另一个是js的兼容性问题。

（1）.对于css样式来说，比如IE与火狐两大浏览器，它们对自身的浏览器都有默认的padding，margin等值，我们只需要在写样式的时候先清除它们默认样式的值，引入一个reset.css样式有能很大程度上解决一些常见问题，除此之外当然还有其它的样式问题，比如IE6的双边距问题，解决办法对IE6写样式display:inline；就能解决问题，还比如当子元素浮动未知高度时，使父容器自适应子元素的高度bug，解决办法就是在父容器样式里面加上overflow：auto就能解决（这个问题IE6中能适应子元素的高度，但是IE8跟火狐等其它浏览器不行，需要加上刚才的代码才能实现自适应），还比如当一个浮动元素跟一个非浮动元素相邻时就会出现3像素的bug，解决办法其实很简单给非浮动元素加上浮动就可以解决。

（2）.对于js代码来说，也有一些常见的浏览器兼容性问题，就拿浏览器事件处理来说，IE事件处理程序需要2个方法来实现，attachEvent()和detachEvent()两个方法来实现，它们里边的参数只有2个，比如attachEvent()方法的两个参数：事件处理程序名字与事件处理程序函数。其它浏览器用到的是addEventListener()和removeEventListener()两个方法，但是它们的参数有3个，拿addEventListener()方法举例，第一个参数，要处理的事件名，比如onclick，但是不需要加上on，参数里面只需要click，第二个参事件处理程序的函数，最后一个参数是布尔值。布尔值如果是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。

上一篇: 前端培训面试题分析-Angular 与Vue数据的双向数据绑定
下一篇: Java培训MySQL之子查询优化