七、Array 数组操作函数6:如果不是数组强制转成数组 1,castArray 介绍 有时我们定义了一个只能对数组进行处理的方法,但实际使用时可能传入数组、也可能是单个对象,这种情况我们可以借助 castArray 进行统一转换处理(相当于做个保护): 如果传入的参数不是数组......
六、Array 数组操作函数4:数组与对象间的转换 1,对象转数组 (1)toPairs 方法可以创建一个 object 对象自身可枚举属性的键值对数组......
五、Array 数组操作函数4:数组排序 1,基本排序 (1)sortBy 方法创建一个元素数组。 以 iteratee 处理的结果升序排序。 这个方法执行稳定排序,也就是说相同元素会保持原始排序......
五、Array 数组操作函数3:修改原数组内容 1,剔除一个数组的元素(指定元素移除) pull 方法可以移除数组 array 中所有和给定值相等的元素。 2,剔除一个数组的元素(指定索引移除) pullAt 方法根据索引 indexes,移除 array 中对应的元素,并返回被移除元素的数组......
四、Array 数组操作函数2:获取部分数组片段(不改变原数组) 1,随机获取部分元素 sampleSize 方法可以从数组中获得 n 个随机元素。 2,获取数组部分片段(通过选择的方式) (1)take 方法创建一个数组切片,从 array 数组的起始元素开始提取 n 个元素......
三、Array 数组操作函数1:查找指定元素、或索引 1,随机获取一个元素 sample 方法可以从数组中获得一个随机元素。 _.sample([1, 2, 3, 4]); // => 2 2,查找指定元素 (1)find 方法可以遍历数组元素,返回 predicate(断言函数)第一个返回真值的第一个元素......
三、String 字符串操作函数 1,将字符串转换成驼峰命名 camelCase 函数可以将字符串中非数字和字母的字符都过滤掉,然后再转换为驼峰。 2,首字母大写 capitalize 函数可以转换字符串 string 首字母为大写......
二、使用 throttle 函数实现节流 1,throttle 节流 throttle 函数原型如下。它会创建一个节流函数,在 wait 秒内最多执行 func 一次的函数。 (1)throttle 的功能和前文介绍的 debounce 很像,都是为了防止某个方法被频繁调用。不同的是,throttle 可以指定每隔多长时间允许执行一次......
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。同时其在 npm 每天下载量都超过 200 万,足以证明了它受欢迎的程度。 一、使用 debounce 函数实现防抖......
在 vue 项目中,我们通常会使用 Axios 库来与后台进行数据交互。而当我们发起 ajax 请求时,常常需要在页面上显示一个加载框(Loading 效果),然后等数据返回后自动将其隐藏。要实现这个功能,我们可以在每次请求前手动显示个加载框,等收到数据后又将其隐藏......