浏览器适配IE浏览器问题

提示：文章写完后，

目录

文章目录

前言

一、es6转换es5在线工具

二、IE不兼容问题

1.es6 forEach 转 es5 for 

2. Array.from在ie上面不兼容

3. IE 不兼容 display：grid属性

4. IE 不兼容 Object.assign

5. swiper轮播插件在ie中只能使用 swiper2.0

---

文章目录

• 前言
• 一、es6转换es5在线工具
• 二、IE不兼容问题
  • 1.es6 forEach 转 es5 for 
  • 2.Array.from在ie上面不兼容
  • 3.IE 不兼容 display：grid属性
  • 4.IE 不兼容 Object.assign
  • 5.swiper轮播插件在IE中只能使用 swiper2.0

---

前言

ie 不兼容es6属性，不兼容promise，不兼容gird样式属性

一、es6转换es5在线工具

1.Babel，在线转换地址 
2.Traceur，Google公司出品，在线转换地址
3.es6console， 在线转换及运行

二、IE不兼容问题

1.es6 forEach 转 es5 for 

var array = ['a', 'b', 'c', 'e'];
array.forEach(a => {
  console.log(a);
});
for(var i = 0; i< array.length;i++) {
  console.log(array[i])
}

2. Array.from在ie上面不兼容

if(!Array.from) {
   Array.from = function (el) {
     return Array.apply(this, el)
   }
}

3. IE 不兼容 display：grid属性

4. IE 不兼容 Object.assign

if (typeof Object.assign != 'function') {

              Object.assign = function (target) {

                if (target == null) {

                    throw new TypeError('Cannot convert undefined or null to object');

                }

                target = Object(target);

                for (var index = 1; index < arguments.length; index++) {

                    var source = arguments[index];

                    if (source != null) {

                        for (var key in source) {

                            if (Object.prototype.hasOwnProperty.call(source, key)) {

                                target[key] = source[key];

                            }

                        }

                    }

                }

                return target;

              };

            }

5. swiper轮播插件在ie中只能使用 swiper2.0

https://2.swiper.com.cn/demo/index.html