浏览器之间的兼容问题，要求兼容到ie9+ ie浏览器滑动时候页面抖动解决方案

一般的官网项目选择jQuery会比vue好一些。jQuery是多页应用，vue是单页应用对搜索引擎的支持不好。

但是官网一般的要求是ie9+，国产浏览器，谷歌和火狐更不用说了。

这样就出现了浏览器的兼容问题。主要有两个方面，1： 国产浏览器，2：ie浏览器。

解决办法 1：对国产浏览器的兼容问题比较容易，因为一般国产浏览器都是同时具有ie内核和谷歌内核的。可以在head中添加一下几行，强制国产浏览器使用谷歌内核解析，这样解决了。这样基本上也能兼容ie9+了，

<meta name="renderer" content="webkit"/>

<meta name="force-rendering" content="webkit"/>

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

2：但是在ie浏览器中也可能会遇到这样的兼容问题，当鼠标向下滑动的时候页面抖动的厉害，这样问题可以添加以下代码解决。

isIE()
function isIE(){
    if (!!window.ActiveXObject || "ActiveXObject" in window){
        document.body.addEventListener && document.body.addEventListener("mousewheel", function() {
            // event.preventDefault();
            if(event && event.preventDefault) {
            　　//阻止默认浏览器动作(W3C)
            　　event.preventDefault();
            } else {
            　　//IE中阻止函数器默认动作的方式 
            　　window.event.returnValue = false; 
            }
            var wd = event.wheelDelta;
            var csp = window.pageYOffset;
            window.scrollTo(0, csp - wd);
          });
          isIe = true;
    }else{
        return false; 
    }
} 

这样就解决了ie浏览器滑动鼠标时候的页面抖动问题了。

还有就是ie浏览器对es6的语法支持很不好，尽量使用es5或者使用es6之后转成es5.