1.0.0 • Published 5 months ago

@zaynrong/utils-throttle-debounce v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

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