html flex 兼容ie9,ES6兼容ie9, flex兼容ie9

vue兼容ES6

在 ie9 的环境上，es6 的部分新对象、表达式，并不支持，解决方案是使用 babel-polyfill 组件，它可以将 es6 的代码翻译成低版本浏览器可以识别的 es5 代码

npm install  babel-polyfill  --save

安装完成后，在项目的主入口文件 main.js 的首行就可以直接引用： import 'babel-polyfill';

或者 在webpack.base.conf.js中的entry中添加一项

entry: {

app: [ 'babel-polyfill', './src/main.js']

},

flex兼容ie9

此处使用js判断window.navigator.userAgent是否含有MSIE 或 Trident，识别是不是ie浏览器，然后判断MSIE 的版本号判断ie浏览器的版本, 如果<=9就在html 添加样式lte-ie9，以后需要重写样式的地方，就在样式前面加.lte-ie9, 优先级高于没有加之前

ie11:"Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"

ie10:"Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"

ie09:"Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)"

export functionisLteIE9() {var ms_ie = false;var ua =window.navigator.userAgent;var old_ie = ua.indexOf('MSIE ');var new_ie = ua.indexOf('Trident/');if ((old_ie > -1) || (new_ie > -1)) {

ms_ie= true;

}if(ms_ie) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");

reIE.test(ua);var fIEVersion = parseFloat(RegExp["$1"]);if (fIEVersion <= 9) {

document.documentElement.className+= " lte-ie9";return true}

}return false}