前端常用api

window

window.location.href = "http://www.leyou.com/cart.html";//地址跳转
window.location.search.substring(1);//地址栏参数，不要substring(1)会显示？

数组

arrays.push{"对象"：1}//添加对象
let arry= arrays.find(c=>c.skuId===this.sku.id);//查找第一个符合的元素，
let newArrys= arrays.map(c=>return c);//重构数组
如果是引用数据类型arry或newArrys的值改变arrays的值也会改变


//基本类型累加
arr.reduce((a,b)=>a+b)
//对象类型累加
arr.reduce((a,b)=>a.num+b.num)//报错
arr.reduce((a,b)=>a+b.num,0)//正确写法

对象

//添加属性
let k = "对象名"
obj.k=1   //{k:1}
obj[k]=1  //{"对象名":1}
//获取数据
obj.k=1 
obj["对象名"]=1 

 解构表达式

let person = [{name:"zs",age:20},{name:"ls",age:20}]
person.map(({name,...item})=>item)
//输出
[age:20,age:21]

指派，有则覆盖，无则追加,可实现浅拷贝效果

let obj = {};
Object.assign(obj,this.search)

对象增加属性,[ ]中括号可接收变量

let k = ''cpu''

obj.k="八核"  ==={k:"八核"}

obj.[k]="八核"  ==={cpu:"八核"}

后续追加的属性vue是监听不到的：解决方法，用个对象先赋值，再一次性赋值给监听对象

            search:{
                key:"",//搜索条件
                page:1,
                filter:{},
            },


let obj = {};
Object.assign(obj,this.search)
if (k=="品牌"||k=="分类"){
    obj.filter[k]=o.id
}else {
    obj.filter[k]=o.name
}
this.search=obj;

解决axios精度损失问题

因为JS的长整数精度有限，java的Long类型数据超出了范围，所以出现了精度损失。

我们后台返回的是Json的字符串，在axios内部会自动调用 JSON.parse()方法把json字符串转为JS数据，就会出现进度损失。如果不进行转换，依然当做字符串来使用，就不会有问题了。

因此，我们重写axios对响应的处理回调函数：

精度损失代码

ly.http.post("/order", this.order,).then(({data}) => {
                                // 在线支付，需要到付款页
                                window.location = "http://www.leyou.com/pay.html?orderId=" + data;
                            }).catch((resp) => {
                            alert("订单提交失败，可能是缺货!")
                        });

解决

 // 提交订单
                        ly.http.post("/order", this.order,
                            {
                                transformResponse: [ // 对响应进行处理的回调
                                    function (data) {
                                        // 不对data做任何处理，直接返回
                                        return data;
                                    }
                                ]
                            }
                        )
                            .then(({data}) => {
                                // 在线支付，需要到付款页
                                window.location = "http://www.leyou.com/pay.html?orderId=" + data;
                            }).catch((resp) => {
                            alert("订单提交失败，可能是缺货!")
                        });