lodash 开发中常用的api

语言

1. isEmpty(value)

检查value是否为一个空对象,集合,映射或者set。 判断的依据是除非是有枚举属性的对象,length 大于 0 的 arguments object, array, string 或类jquery选择器。如果value为空,那么返回true,否则返回false

函数

1. debounce(func, [wait=0])

创建一个 debounced(防抖动)函数,该函数会从上一次被调用后,延迟wait毫秒后调用func方法。返回新的 debounced(防抖动)函数。

2. throttle(func, [wait=0])

创建一个节流函数,在 wait 秒内最多执行func一次的函数。返回节流的函数。

数组

1. intersection([arrays])

创建唯一值的数组,这个数组包含所有给定数组都包含的元素。(zhu:可以理解为给定数组的交集)

2. difference(array, [values])

创建一个具有唯一array值的数组,每个值不包含在其他给定的数组中。(注:即创建一个新数组,这个数组中的值,为第一个数字(array 参数)排除了给定数组中的值。)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js和Lodash都是JavaScript的工具库,Vue.js是用于构建用户界面的库,而Lodash是提供实用程序函数的库。在Vue.js开发,可以使用Lodash来优化性能和减少代码量。其一个主要的优化是使用Lodash的缓存函数,以避免重复计算。 在Vue.js,可以使用computed属性来计算派生的数据。当计算属性依赖于其他属性时,每次访问计算属性都会重新计算。但是,在某些情况下,计算属性可能需要进行复杂的计算或调用API,这可能会导致性能问题。这时就可以使用Lodash的缓存函数来避免重复计算。 Lodash的缓存函数是memoize函数,它可以缓存函数的结果,避免重复计算。例如,假设有一个计算属性需要调用API获取数据: ```javascript computed: { myData() { const result = api.getData() return result } } ``` 在这种情况下,每次访问myData都会调用API,这可能会导致性能问题。可以使用Lodash的memoize函数来缓存结果: ```javascript import { memoize } from 'lodash' computed: { myData: memoize(function() { const result = api.getData() return result }) } ``` 现在,每次访问myData时,都会返回缓存的结果,而不是重新计算。这可以提高性能并减少API调用。 需要注意的是,memoize函数默认使用函数的第一个参数作为缓存的键值。如果函数有多个参数,可以使用第二个参数指定键值。例如: ```javascript computed: { myData: memoize(function(param1, param2) { const result = api.getData(param1, param2) return result }, (param1, param2) => `${param1}-${param2}`) } ``` 在这种情况下,使用param1和param2作为缓存键值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值