用lodash使用防抖节流

JavaScript012

用lodash使用防抖节流,第1张

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

cdn: <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>

安装

$ npm i -g npm

$ npm i --save lodash

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:

遍历 array、object 和 string

对值进行操作和检测

创建符合功能的函数

节流

1._.get

说明: 其实就是如果没有这个值以后就会返回undefined,而不会像js中没有这个值就会报错

2._.cloneDeep

说明:深度克隆

3._.isEqual

说明:执行深比较来决定两者的值是否相等。

4._.compact(array)

说明:创建一个移除了所有假值的数组。例如:false、null、 0、""、undefined, 以及NaN 都是 “假值”.

5._.truncate([string=''], [options])

说明:截断字符串,如果字符串超出了限定的最大值。 被截断的字符串后面会以 omission 代替,omission 默认是 "..."

7._.uniq(array)

说明:返回不重复的数组。

8. .findIndex(array, [predicate= .identity])

说明:返回符合元素的 index,否则返回 -1。

9._.values(object)

把对象的值转化为数组

相当于es6的Object.values

10._.keys()

把对象的属性转化为数组

相当于es6的Object.keys

11._.forIn()

*相当于es6的Object.enteries

12._.isEmpty判断是否为空

13._.unionBy数组对象去重

14._.debounce函数防抖

1.Module build failed: Error: ENOENT: no such file or directory, open '包路径\bootstrap-vue\node_modules\core-js\modules\es.array.iterator.js'

2.Error: ENOENT: no such file or directory, open 'D:\ahao\studyPath\bootstrap-vue\node_modules\lodash\lodash.js'

3.VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题

新建 vue.config.js 安装 npm i vue-cli-plugin-bootstrap-vue 配置vue.config.js后重新执行npm run serve