1.0.0 • Published 5 months ago
@zaynrong/utils-throttle-debounce v1.0.0
utils-throttle-debounce
一个提供节流(throttle)和防抖(debounce)功能的工具库。
安装
npm install @zaynrong/utils-throttle-debounce
使用方法
节流函数 (throttle)
在指定的时间间隔内只执行一次函数,适用于限制频繁触发的事件。
import utils from '@zaynrong/utils-throttle-debounce';
// 创建一个500ms的节流函数
const throttledFunction = utils.throttle(() => {
console.log('throttled function executed');
}, 500);
// 使用节流函数
window.addEventListener('scroll', throttledFunction);
防抖函数 (debounce)
在用户停止操作指定时间后才执行函数,适用于输入搜索等场景。
import utils from '@zaynrong/utils-throttle-debounce';
// 创建一个500ms的防抖函数
const debouncedFunction = utils.debounce(() => {
console.log('debounced function executed');
}, 500);
// 使用防抖函数
input.addEventListener('input', debouncedFunction);
API
throttle(fn, delay)
创建一个节流函数。
fn
: 要执行的函数delay
: 延迟时间(毫秒)
debounce(fn, delay)
创建一个防抖函数。
fn
: 要执行的函数delay
: 延迟时间(毫秒)
许可证
MIT
1.0.0
5 months ago