美文网首页
Js 常用的优化技巧

Js 常用的优化技巧

作者: 酷酷的凯先生 | 来源:发表于2020-07-01 19:15 被阅读0次

1. async 和 await 代替 promise (即异步改同步)

methods:{
    checkForm(){
        return new Promise((resolve,reject)=>{
            console.log(2)
            resolve()
         })
     },
    async submit(){
        await this.checkForm()
        console.log(1)
    }
}
// 结果  先打印2,再打印1

2. Object.is 比较两个值是否相等

Object.is() 严格比较两个值是否相等,弥补== 和=== 的缺点

== 缺点
null == undefined   //true
+0 == -0     //true

=== 缺点
+0 === -0     //true
NaN === NaN   //false

Object.is   只要值一样,就相等
Object.is(+0,-0)  // false
Object.is(NaN,NaN) // true

3. 数组深拷贝

法一: 
let arr = [1,2,3,4,5,6,7];
let tmp = JSON.parse(JSON.stringify(arr));
法二: 
let arr = [1,2,3,4,5,6,7];
let tmp = arr.slice(0);

这样就能得到一个新的数组,而且即便修改数据b的值,
也不会对数据 arr 有任何影响

4. 数据刷新后, 滚动到页面顶部

if (document.body.scrollTop) {
    document.body.scrollTop = 0
} else {
    document.documentElement.scrollTop = 0
}

5. 循环对比数组数据,有这个值就直接返回 ture

let  name = "aa";
 let flag =  Array.some(item=>{
     return item.name ===name
})
如果数组中有这个值就返回 true ,没有就返回 false

相关文章

  • Python-02进阶-07代码优化技巧

    代码优化技巧 优化原则 核心技巧 其他技巧 Python 代码性能优化技巧 常用代码优化技巧 sort()优于so...

  • Js 常用的优化技巧

    1. async 和 await 代替 promise (即异步改同步) 2. Object.is 比较两个值是否...

  • js优化项目常用小技巧

    1.等一个函数执行完之后,再执行另一个(es6中promise) 当有多个方法的时候,用以下的方法 2.用三目运算...

  • 关于客户端JS性能优化(部分)

    下面是一些关于客户端JS性能的一些优化的小技巧: 1.关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环...

  • mysql 索引优化

    索引的存储分类 索引的创建与删除 索引查看 mysql常用语句优化技巧定期优化表 常用优化 2.应尽量避免在whe...

  • 2021JavaScript 优化技巧

    2021JS优化技巧[https://juejin.cn/post/6937828220033040415] 1....

  • Mysql 优化

    1.Sql优化 1)sql优化分析2)索引优化3)sql语句优化4)一些常用的技巧优化 (正则、函数) 2.优化数...

  • JS优化技巧

    null、undefined 和空值检查并分配默认值 但是要反例如果在数据为0(或者空字符串的时候也要返回数据),...

  • 凸优化

    简介 机器学习中常用到数学优化技巧,最常见的优化就属凸优化了,本文参考Stanford CS229 Machine...

  • JS常用技巧

网友评论

      本文标题:Js 常用的优化技巧

      本文链接:https://www.haomeiwen.com/subject/pivhqktx.html