lodash函数防抖动

简介: lodash函数防抖动

_.debounce(func, [wait=0], [options=])

创建一个 debounced(防抖动)函数,该函数会从上一次被调用后,延迟 wait 毫秒后调用 func 方法。 debounced(防抖动)函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可以提供一个 options(选项) 对象决定如何调用 func 方法,options.leading 与|或 options.trailing 决定延迟前后如何触发(注:是 先调用后等待 还是 先等待后调用)。 func 调用时会传入最后一次提供给 debounced(防抖动)函数 的参数。 后续调用的 debounced(防抖动)函数返回是最后一次 func 调用的结果。返回新的 debounced(防抖动)函数。

// 避免窗口在变动时出现昂贵的计算开销。jQuery(window).on('resize', _.debounce(calculateLayout, 150));
// 当点击时 `sendMail` 随后就被调用。jQuery(element).on('click', _.debounce(sendMail, 300, {
'leading': true,
'trailing': false}));
// 确保 `batchLog` 调用1次之后,1秒内会被触发。vardebounced=_.debounce(batchLog, 250, { 'maxWait': 1000 });
varsource=newEventSource('/stream');
jQuery(source).on('message', debounced);
// 取消一个 trailing 的防抖动调用jQuery(window).on('popstate', debounced.cancel);
目录
相关文章
|
4月前
lodash get实现
lodash get实现
27 0
|
10月前
|
索引
Lodash _.数组方法
Lodash _.数组方法
57 0
lodash通过thru操作函数调用
lodash通过thru操作函数调用
81 0
lodash 比较两个值的大小
lodash 比较两个值的大小
399 0
|
网络架构
lodash函数绑定新函数
lodash函数绑定新函数
60 0
lodash函数绑定新函数
lodash函数根据指定时间延迟
lodash函数根据指定时间延迟
158 0
lodash函数学习9
lodash函数学习9
73 0
lodash函数学习9
lodash函数学习8
lodash函数学习8
65 0
lodash函数学习8
lodash函数学习7
lodash函数学习7
60 0
lodash函数学习7
lodash函数学习5
lodash函数学习5
70 0
lodash函数学习5

热门文章

最新文章