首页 > 其他分享 >lodash中的debounce的用法及作用

lodash中的debounce的用法及作用

时间:2023-09-14 10:35:13浏览次数:39  
标签:elements console log debounce 用法 delay input lodash

格式:debounce(fun,delay)

fun:执行的函数

delay:延迟时间

作用:1、不使用debounce的情况:用户在连续输入文字时,会在每次输入时都会执行函数,有可能导致阻塞

或项目崩溃

$('.elements').on('input',(e)=>{console.log(e.target.value)})

2、使用debouce的情况:用户在输入后的指定时间后才会执行函数

$('.elements').on('input',debounce((e)=>{console.log(e.target.value)},500))
————————————————
版权声明:本文为CSDN博主「做前端的小艳」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_32094783/article/details/107831209

标签:elements,console,log,debounce,用法,delay,input,lodash
From: https://www.cnblogs.com/sexintercourse/p/17701818.html

相关文章

  • Lodash _.debounce()用法及代码示例
    Lodash_.debounce()用法及代码示例Lodash是一个JavaScript库,可在underscore.js之上运行。Lodash帮助处理数组,字符串,对象,数字等。lodash中Function的_.debounce()方法用于创建一个反跳函数,该函数将给定的func延迟到自上次调用此反跳函数以来经过的指定等待时间(以毫秒为单位)......
  • LocalDate、LocalDateTime的用法与String互转
    一、LocalDate常用用法1.1、申明定义LocalDateformatDate=LocalDate.of(2020,2,5);//自定义LocalDatetoday=LocalDate.now();//获取当前日期1.2、getX()获取年月日等注意:获取月份使用getMonthValue()System.out.println(formatDate.getMonth());//FEBRUAR......
  • 关于 Angular 应用里 Rxjs filter 操作符内的双重感叹号的用法
    看下列这段出现在AngularComponent内的代码:protecteduserCostCenters$:Observable<CostCenter[]>=this.userCostCenterService.getActiveCostCenters().pipe(filter((costCenters)=>!!costCenters));这段Angular组件代码涉及到Observable和RxJS操作......
  • MySQL中EXPLAIN用法和结果分析
    可以查看:[MySQL高级](一)EXPLAIN用法和结果分析_mysqlexplain_王洪玉的博客-CSDN博客重点信息截图: ......
  • for in 与 for of的用法
    forin与forof的区别使用forof遍历的内容必须要有迭代器forin一般用于遍历对象也可以遍历数组,遍历的是对象的属性或者数组的下标,forof一般用于遍历数组,map,set等,它不能遍历对象因为对象身上没有迭代器forin一般遍历的是key,forof一般遍历的是value如果非要用foro......
  • VIM 零宽度(断言)匹配用法示例
    1.零宽度向左匹配(零宽度字符)@<=目标字符示例:查找左边是”ses“的字符“s” 2.零宽度向右匹配目标字符(零宽度字符)@=示例:查找右边是”isi“的字符”s“ ......
  • Vue~vue3-sfc-loader用法
    1.vue2-sfc-loader版本参考这个:(vue2&vue2-sfc-loader)https://article.juejin.cn/post/72369546129882972742.vue3-sfc-loader版本的基础写法:(vue3&vue3-sfc-loader)<template><div><component:is="data.remote"v-if="data.remote&q......
  • Python使用 - NumPy用法1
    NumPy的核心数据结构之一是ndarray,表示一个多维数组,他存储的是单一数据类型。 导入包importnumpyasnp 1维数组list1=[1,2,3,4,5,6]ndarr1=np.array(list1,dtype=np.float32)print(type(ndarr1),ndarr1)#<class'numpy.ndarray'>[1.2.3.4.5.6.]......
  • stl--<map>的用法
    Themostfrequentnumber第一行输入n(n<1000000);第二行输入n个数,找出出现次数最多的数,入不只有一个答案,输出最小的答案;例:输入:6122235输出:2用的#include<map>,按键值(第一个数的值)排序,主要有:定义:map<int,float>m;......
  • C#中Math.Round(指定四舍五入)、Math.Ceiling和Math.Floor的用法
    1.Math.Round:四舍六入五取偶Math.Round(17.475728155339805,2,MidpointRounding.AwayFromZero)=17.48Math.Round(0.0)//0Math.Round(0.1)//0Math.Round(0.2)//0Math.Round(0.3)//0Math.Round(0.4)//0Math.Round(0.5)//0Math.Round(0.6)//1Math.Round(0.7)//1Math.Roun......