当前位置:首页 > 编程笔记 > 正文
已解决

浏览器性能优化

来自网友在路上 168868提问 提问时间:2023-10-06 19:28:10阅读次数: 68

最佳答案 问答题库688位专家为你答疑解惑

IIFE惰性函数

有一些函数在运行时需要进行一些判断,但是这个判断只需要执行一次,代码一旦运行判断结果就不会改变,这样的函数称为惰性函数,可以使用下面的手段来进行优化

// 优化前,每次调用都需要进行一次判断
function doThing() {if(globalThis === 'window') {// do something in browser} else if(globalThis === 'global') {// do something in nodejs}
}// 这样优化过后doThing就是一个已经进行过判断的函数,不必每次执行时都判断
doThing = (() => {if(globalThis === 'window') {return function() {// do something in browser}} else if(globalThis === 'global') {return function() {// do something in nodejs}}
})()

冻结对象

在Vue中有一些数据仅仅只做展示而不回去修改它,这些数据我们就可以冻结起来,被冻结的对象讲无法进行任何修改

// 加入我们拿到了一个10万条数据的数据,这样做会导致10w条数据全部被创建为响应式对象,十分消耗性能
this.list = getList();// 如果只是展示数据,那么可是将对象冻结,Vue做了相关的优化,不会将被冻结的对象创建为响应式
// 被冻结的对象会变为只读属性,无法进行任何修改
this.list = Object.freeze(getList());// 通过Object.isFrozen() 可以判断一个对象是否被冻结
let flag = Object.isForzen(this.list);
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"浏览器性能优化":http://eshow365.cn/6-16440-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!