记录项目中遇到的坑(三)兼容IE浏览器
2024-04-10 03:00:09  阅读数 490

做PC端项目,有时候需要兼容IE浏览器,所以很多写法都要改变,以下是个人总结的一些写法(兼容到IE8)

PS:项目是通过引入 vue.js 的vue项目,new Vue({ el:'#app' })的形式,不使用脚手架。

1.为了保证引入的js文件不会因官网更新而导致页面出现问题,所以将使用的js和css等文件下载保存到项目中

2.方法都要写成 function:(){} 的形式,包括data,mouted,不能使用箭头函数


3. 不能使用 let 来定义变量,使用 var

4.使用echart的时候,options要写在 new Vue({}) 外面,写成一个全局变量

5.引入JQ.js文件,使用ajax来发送请求:

            $.ajax({
                    url: baseUrl + '/xxx/xxx/xxx',
                    type: 'GET',
                    data: {},
                    dataType: 'json',
                    xhrFields: {
                        withCredentials: true // 此字段标识要跨域传输数据
                    },
                    crossDomain: true,
                    success: function (res) {}.bind(this) // 使用 .bind(this) 来保证回调函数中可以正常使用 this
            })

ajax的 success 使用 .bind(this) 来保证回调函数中可以正常使用 this

6.使用下列方法来给数字加上千分位,不能使用 .toLocaleString()

formatNum: function (value) {
            if (!value) return 0
            return value
                .toString()
                .replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, '$1,')
            },

7.不能使用 for..of/in,使用最原始的 for 循环

for(var i = 0; i < data.length; i++){
    // todo
}