当前位置:网站首页>学习探索-函数防抖
学习探索-函数防抖
2022-07-06 11:32:00 【miao_zz】
在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时
utils.js
function debounce(fn, delay = 1000) {
let timer = null;
return function() {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
fn.apply(this, arguments);
}, delay)
}
}
apply
arguments
arguments 是一个对应于传递给函数的参数的类数组对象。arguments
使用案例
import utils from "@/common/js/utils.js"
<input type="text" confirm-type="search" class="infoSearch-text" @input="getInputHandle()"
:placeholder="placeholder" placeholder-style="color:#999" style="color: #fff;" />
getInputHandle: utils.debounce(function(e) {
let value = e.detail.value;
this.$emit('input', value)
}),
边栏推荐
- The dplyr package of R language performs data grouping aggregation statistical transformations and calculates the grouping mean of dataframe data
- Tongyu Xincai rushes to Shenzhen Stock Exchange: the annual revenue is 947million Zhang Chi and Su Shiguo are the actual controllers
- MRO industrial products enterprise procurement system: how to refine procurement collaborative management? Industrial products enterprises that want to upgrade must see!
- CCNP Part 11 BGP (III) (essence)
- Live broadcast today | the 2022 Hongji ecological partnership conference of "Renji collaboration has come" is ready to go
- R语言ggplot2可视化:使用ggpubr包的ggstripchart函数可视化分组点状条带图(dot strip plot)、设置add参数为不同水平点状条带图添加箱图
- tensorflow和torch代码验证cuda是否安装成功
- JDBC详解
- R language ggplot2 visualization: use the ggstripchart function of ggpubr package to visualize the grouped dot strip plot, and set the add parameter to add box plots for different levels of dot strip
- Take a look at how cabloyjs workflow engine implements activiti boundary events
猜你喜欢
RT-Thread 组件 FinSH 使用时遇到的问题
PMP practice once a day | don't get lost in the exam -7.6
An error occurs when installing MySQL: could not create or access the registry key needed for the
How word displays modification traces
A method of removing text blur based on pixel repair
应用使用Druid连接池经常性断链问题分析
Word如何显示修改痕迹
打家劫舍III[后序遍历与回溯+动态规划]
Countdown 2 days | live broadcast preview of Tencent cloud message queue data import platform
AutoCAD - what is the default lineweight for centerline drawing and CAD? Can I modify it?
随机推荐
关于静态类型、动态类型、id、instancetype
今日直播 | “人玑协同 未来已来”2022弘玑生态伙伴大会蓄势待发
CPU负载很低,loadavg很高处理方法
How to improve website weight
swagger2报错Illegal DefaultValue null for parameter type integer
助力安全人才专业素养提升 | 个人能力认证考核第一阶段圆满结束!
zabbix 代理服务器 与 zabbix-snmp 监控
An error occurs when installing MySQL: could not create or access the registry key needed for the
R language uses DT function to generate t-distribution density function data and plot function to visualize t-distribution density function data
R language ggplot2 visual time series histogram: visual time series histogram through two-color gradient color matching color theme
Three years of Android development, Android interview experience and real questions sorting of eight major manufacturers during the 2022 epidemic
How to type multiple spaces when editing CSDN articles
C # use Marshall to manually create unmanaged memory in the heap and use
应用使用Druid连接池经常性断链问题分析
CCNP Part 11 BGP (III) (essence)
QLabel 跑马灯文字显示
五金机电行业智能供应链管理系统解决方案:数智化供应链为传统产业“造新血”
Solution of commercial supply chain management platform for packaging industry: layout smart supply system and digitally integrate the supply chain of packaging industry
Mathematical knowledge -- code implementation of Gaussian elimination (elementary line transformation to solve equations)
The nearest library of Qinglong panel