uniapp防抖节流封装

对于uni-app，防抖和节流可以通过封装函数来实现。下面是一个示例代码：

// 防抖函数封装
function debounce(fn, delay) {
  let timer = null;
  return function () {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, arguments);
    }, delay);
  };
}

// 节流函数封装
function throttle(fn, delay) {
  let timer = null;
  return function () {
    if (!timer) {
      timer = setTimeout(() => {
        fn.apply(this, arguments);
        timer = null;
      }, delay);
    }
  };
}

使用方法示例：

// 引入封装的防抖函数
import { debounce } from 'utils';

// 定义需要防抖的函数
function doSomething() {
  // 需要执行的操作
}

// 使用防抖函数包装需要防抖的函数
const debouncedFn = debounce(doSomething, 300);

// 在需要防抖的事件中调用 debouncedFn

// 引入封装的节流函数
import { throttle } from 'utils';

// 定义需要节流的函数
function doSomething() {
  // 需要执行的操作
}

// 使用节流函数包装需要节流的函数
const throttledFn = throttle(doSomething, 300);

// 在需要节流的事件中调用 throttledFn

通过以上封装，你可以在uni-app中方便地使用防抖和节流功能来控制事件的触发频率。