位置: IT常识 - 正文

lodash-es 工具库(es工具类)

编辑:rootadmin
lodash-es 工具库

推荐整理分享lodash-es 工具库(es工具类),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:lodash插件,lodash安装,lodash插件,lodash.js下载,lodash官方文档,lodash官方文档,lodash github,lodash插件,内容如对您有帮助,希望把文章链接给更多的朋友!

数字化管理平台 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus Vue权限系统案例 个人博客地址

Lodash中文文档

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库,算是从 Underscore 分离出来的超集。

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

遍历 array、object 和 string对值进行操作和检测创建符合功能的函数

lodash 为了良好的浏览器兼容性,它使用了旧版 es5 的模块语法;而lodash-es则使用了 es6 的模块语法,这让 webpack 之类的打包工具可以对其进行tree shake (摇树优化)以删除未使用的代码来优化打包体积。所以在使用lodash库时,推荐通过lodash-es来进行导入操作。

注:tree-shaking(摇树优化)的作用:移除上下文中未引用的代码(dead code)。

安装 lodash-es

npm i lodash-eslodash-es 工具库(es工具类)

引入 lodash-es 中的函数

import { shuffle, cloneDeep, throttle, debounce } from 'lodash-es'1.1 浅拷贝 clone

_.clone(value) 创建一个 value 的浅拷贝。返回拷贝后的值。

var objects = [{ 'a': 1 }, { 'b': 2 }];var shallow = _.clone(objects);console.log(shallow[0] === objects[0]); // true1.2 深拷贝 cloneDeep

_.cloneDeep(value) 类似 _.clone 但是它会递归拷贝 value。返回拷贝后的值。

var objects = [{ 'a': 1 }, { 'b': 2 }];var deep = _.cloneDeep(objects);console.log(deep[0] === objects[0]); // false1.3 防抖 debounce

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

参数:

func (Function): 要防抖动的函数。[wait=0] (number): 需要延迟的毫秒数。[options=] (Object): 选项对象。[options.leading=false] (boolean): 指定在延迟开始前调用。[options.maxWait] (number): 设置 func 允许被延迟的最大值。[options.trailing=true] (boolean): 指定在延迟结束后调用。// 避免窗口在变动时出现昂贵的计算开销。jQuery(window).on('resize', _.debounce(calculateLayout, 150));// 当点击时 `sendMail` 随后就被调用。jQuery(element).on('click', _.debounce(sendMail, 300, { 'leading': true, 'trailing': false}));// 确保 `batchLog` 调用1次之后,1秒内会被触发。var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });var source = new EventSource('/stream');jQuery(source).on('message', debounced);// 取消一个 trailing 的防抖动调用jQuery(window).on('popstate', debounced.cancel);1.4 节流 throttle

_.throttle(func, [wait=0], [options=]) 创建一个节流函数,在 wait 秒内最多执行 func 一次的函数。 返回节流的函数。

参数:

func (Function): 要节流的函数。[wait=0] (number): 需要节流的毫秒。[options=] (Object): 选项对象。[options.leading=true] (boolean): 指定调用在节流开始前。[options.trailing=true] (boolean): 指定调用在节流结束后。// 避免在滚动时过分的更新定位jQuery(window).on('scroll', _.throttle(updatePosition, 100));// 点击后就调用 `renewToken`,但5分钟内超过1次。var throttled = _.throttle(renewToken, 300000, { 'trailing': false });jQuery(element).on('click', throttled);// 取消一个 trailing 的节流调用。jQuery(window).on('popstate', throttled.cancel);1.5 打乱值 shuffle

_.shuffle(collection) 创建一个被打乱值的集合。返回打乱的新数组。

参数:collection (Array|Object): 要打乱的集合

_.shuffle([1, 2, 3, 4]);// => [4, 1, 3, 2]

Vue 动画案例:

代码实现:

本文链接地址:https://www.jiuchutong.com/zhishi/299547.html 转载请保留说明!

上一篇:多模态融合技术(多模态 融合)

下一篇:CVPR2022 多目标跟踪(MOT)汇总(cvpr2020目标跟踪)

  • 微信看一看怎么关闭自己观看记录(微信看一看怎么看别人看了哪些文章)

    微信看一看怎么关闭自己观看记录(微信看一看怎么看别人看了哪些文章)

  • 网易云怎么换照片墙(网易云怎么换照片背景图)

    网易云怎么换照片墙(网易云怎么换照片背景图)

  • 抖音直播怎么开(抖音直播怎么开小窗口)

    抖音直播怎么开(抖音直播怎么开小窗口)

  • 苹果x防水吗(苹果xsmax防水吗)

    苹果x防水吗(苹果xsmax防水吗)

  • 如何发送30分钟的视频(怎么样发送三十五分钟的视频)

    如何发送30分钟的视频(怎么样发送三十五分钟的视频)

  • nova65g上市时间(nova65g手机什么时候上市的)

    nova65g上市时间(nova65g手机什么时候上市的)

  • 手机屏幕比例(手机屏幕比例修改器无root)

    手机屏幕比例(手机屏幕比例修改器无root)

  • 华为喇叭突然沙哑(华为手机喇叭突然坏了)

    华为喇叭突然沙哑(华为手机喇叭突然坏了)

  • 无法识别的usb设备跟这台计算机(无法识别的usb设备一直弹出)

    无法识别的usb设备跟这台计算机(无法识别的usb设备一直弹出)

  • qq对方正在输入什么情况下会显示(qq对方正在输入一闪而过)

    qq对方正在输入什么情况下会显示(qq对方正在输入一闪而过)

  • 苹果11怎么打开来电闪光(苹果11怎么打开悬浮球)

    苹果11怎么打开来电闪光(苹果11怎么打开悬浮球)

  • 爱奇艺会员到期后下载的电影还能看吗(爱奇艺会员到期了下载的电视剧还能看吗)

    爱奇艺会员到期后下载的电影还能看吗(爱奇艺会员到期了下载的电视剧还能看吗)

  • 在快手上点关注收费吗(在快手上点关注和红心能挣钱吗)

    在快手上点关注收费吗(在快手上点关注和红心能挣钱吗)

  • 华为怎么退出后方程序(华为如何退出)

    华为怎么退出后方程序(华为如何退出)

  • 苹果抹掉数据能恢复吗(苹果抹掉数据还能用吗)

    苹果抹掉数据能恢复吗(苹果抹掉数据还能用吗)

  • 手机如何取消增值业务(手机如何取消增强模式)

    手机如何取消增值业务(手机如何取消增强模式)

  • 红米note8怎么开启勿扰模式(红米note8pro怎么打开)

    红米note8怎么开启勿扰模式(红米note8pro怎么打开)

  • vivou1手机什么时候出的(vivou系列什么时候出新的)

    vivou1手机什么时候出的(vivou系列什么时候出新的)

  • oppoa9x私密相册在哪(oppoa9x私密相册里面的照片怎么查看)

    oppoa9x私密相册在哪(oppoa9x私密相册里面的照片怎么查看)

  • 出自历史故事的成语(出自历史故事的四字成语有什么)

    出自历史故事的成语(出自历史故事的四字成语有什么)

  • 华为Mate10如何怎么拆机(华为mate10咋样)

    华为Mate10如何怎么拆机(华为mate10咋样)

  • 如何查询淘金币即将过期(怎么查淘金币)

    如何查询淘金币即将过期(怎么查淘金币)

  • 文件被占用无法操作(文件被占用无法删除)

    文件被占用无法操作(文件被占用无法删除)

  • 使用stable diffusion webui时,安装gfpgan失败的解决方案(windows下的操作)(使用二氧化碳灭火器时人应该站在什么位置)

    使用stable diffusion webui时,安装gfpgan失败的解决方案(windows下的操作)(使用二氧化碳灭火器时人应该站在什么位置)

  • 【注意力机制集锦】Channel Attention通道注意力网络结构、源码解读系列一(注意力机制cbam)

    【注意力机制集锦】Channel Attention通道注意力网络结构、源码解读系列一(注意力机制cbam)

  • mysql外键约束的作用(mysql数据库外键约束怎么写)

    mysql外键约束的作用(mysql数据库外键约束怎么写)

  • 4s店事故处理流程
  • 工会经费计税依据
  • 房地产增值税税率是多少
  • 外贸企业出口退税流程图
  • 个人去税务局开普票,税率几个点
  • 通用发票
  • 个体户没有办税务登记,产生的房土两税
  • 商业企业能否计税
  • 增值税免税和即税的区别
  • 餐饮店进货要索取哪些单据
  • 预收账款企业所得税怎么处理会计分录
  • 加计扣除农产品包括哪些
  • 广告业的定额发票可以税前扣除么?
  • 发票请求流水号不能为空
  • 个人所得税app入职时间不对
  • 收并购股权溢价
  • 速冻食品增值税税率
  • 公司基本账户冻结怎么办
  • 企业所得税法中规定的收入总额包括
  • 公益性捐赠所得税处理
  • 兼营行为的含义
  • 企业计提的坏帐会计分录
  • 应收账款怎么登账
  • 收到生育津贴会计分录
  • 电子税务局清算备案能撤销吗
  • 本月暂估成本的会计分录
  • 苹果15手机价格和图片颜色
  • xwizard.exe是什么
  • 那些收入不用缴税
  • php字符串定义
  • 短期借款和短期贷款
  • el-upload上传文件大小限制
  • 直线法计提折旧每年都一样吗
  • 内斯塔特点
  • 大雾山国家公园在哪里
  • vue侧边栏导航,右侧显示对应内容
  • 差额征税七种业务是什么
  • 建筑行业现在还能斤不
  • c语音进阶
  • 使用ajax实现页面分页
  • yii2.0框架
  • mysql_install_db命令 初始化MySQL数据目录
  • 宝塔主机分销系统设计
  • 外聘人员怎么申报个税
  • 成本核算的会计处理
  • 稽查补缴税款会计处理
  • 盈余公积转增资本所有者权益会变吗
  • 一般纳税人外地预缴税率
  • 航天税盘服务费开的普票可以抵税吗
  • 事业单位取暖费2023
  • 子公司注销母公司收回现金流
  • 过户车子需要带什么证件
  • 私车公用是否违法
  • 其他应付款在贷方表示什么
  • 收到国税退税收怎么做账
  • 小规模纳税人购进税控机的税如何抵扣
  • 银行利息增值税发票申请单怎么填
  • 赔偿给别人的钱还能要回来吗
  • 基本的select命令及作用
  • 无比强大的思维
  • 系统死锁或资源管理器崩溃时让xp系统自动重启的方法
  • ubuntu rhythmbox乱码解决方法
  • win8 资源管理器
  • window10耳机有电流
  • windos撤销
  • win10软件报错
  • nodejs writestream
  • jquery地址
  • python lxml解析xml
  • jquery中keyup
  • shell脚本 su
  • nodejs常用内置模块
  • linux pythonide
  • jquery中validate
  • jquery遍历li
  • 如何查询以前月份发票超限量的申请
  • 国家税务局查验发票显示网络异常
  • 安徽省国家税务局网上办税平台
  • 贵州电子税务局app下载
  • 洛阳市房屋契税新政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设