throttle-debounce.js:一个小型的防抖节流函数库

简介: throttle-debounce.js:一个小型的防抖节流函数库

Throttle and debounce functions.


文档:


https://github.com/niksy/throttle-debounce

https://www.npmjs.com/package/throttle-debounce

https://www.jsdelivr.com/package/npm/throttle-debounce

Node.js

安装

npm install throttle-debounce --save

示例

import { throttle, debounce } from 'throttle-debounce';
// delay 100 or 250 
throttle(delay, callback, { noLeading=false, noTrailing=false, debounceMode })
debounce(delay, callback, { atBegin=false })

CDN

<!-- 引入throttle-debounce -->
<script src="https://cdn.jsdelivr.net/npm/throttle-debounce@5.0.0/umd/index.min.js"></script>
<script>
const throttleFunc = throttleDebounce.throttle(1000, ()=>{});
const debounceFunc = throttleDebounce.debounce(1000, ()=>{});
</script> 
相关文章
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
26 0
|
2天前
|
前端开发 JavaScript Java
【JavaScript】JavaScript 防抖与节流:以游戏智慧解锁实战奥秘
【JavaScript】JavaScript 防抖与节流:以游戏智慧解锁实战奥秘
9 3
|
8天前
|
JavaScript 前端开发 UED
深入理解JavaScript中的节流与防抖技术
理解并合理运用节流与防抖技术,可以帮助我们优化事件处理函数的执行频率,从而提升应用的性能和用户体验。这两种技术通过减少不必要的计算和DOM操作,使得Web应用程序能够更加流畅地运行。 通过掌握防抖和节流的实现原理及应用场景,开发者可以更加灵活地编写高效且性能优化的代码,对于面对高频事件处理时尤其重要。在开发中合理选择使用防抖或节流,将直接影响到应用的响应性和效率。
11 1
|
1月前
|
JavaScript 前端开发 UED
js的防抖节流
js的防抖节流
17 1
|
1月前
|
JavaScript 前端开发 UED
js的节流
js的节流
17 0
|
1月前
|
测试技术
js_防抖与节流(闭包的使用)
js_防抖与节流(闭包的使用)
29 0
|
1月前
|
JavaScript
|
1月前
|
JavaScript 前端开发
【JavaScript】面试手撕节流
上篇我们讲了防抖,这篇我们就谈谈防抖的好兄弟 -- 节流。这里在老生常谈般的提一下他们两者之间的区别,顺带给读者巩固下。
59 3
|
1月前
|
前端开发 JavaScript UED
【JavaScript】面试手撕防抖
防抖: 首先它是常见的性能优化技术,主要用于处理频繁触发的浏览器事件,如窗口大小变化、滚动事件、输入框内容改变等。在用户连续快速地触发同一事件时,防抖机制会确保相关回调函数在一个时间间隔内只会被执行一次。
43 0
|
1月前
|
JavaScript 前端开发
js的节流和防抖
js的节流和防抖
22 0