uniapp防抖和节流封装

对于UniApp的防抖和节流封装，可以通过以下步骤进行实现：

1. 防抖（Debounce）：在一定时间内只执行一次函数。通常用于限制事件的触发频率，防止频繁触发导致性能问题。

// 防抖封装
export function debounce(fn, delay) {
  let timer = null;
  return function() {
    const context = this;
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function() {
      fn.apply(context, args);
    }, delay);
  };
}

使用示例：

import { debounce } from '@/utils';

// 在某个方法中使用防抖
export default {
  methods: {
    handleClick: debounce(function() {
      // 执行需要防抖的逻辑
    }, 300)
  }
}

2. 节流（Throttle）：在一定时间内执行多次函数，但每次执行间隔不小于指定的时间间隔。通常用于限制事件的触发频率，保证一定的执行效果。

// 节流封装
export function throttle(fn, delay) {
  let timer = null;
  let lastTime = 0;
  return function() {
    const context = this;
    const args = arguments;
    const now = Date.now();
    if (now - lastTime > delay) {
      clearTimeout(timer);
      timer = null;
      lastTime = now;
      fn.apply(context, args);
    } else if (!timer) {
      timer = setTimeout(function() {
        timer = null;
        lastTime = Date.now();
        fn.apply(context, args);
      }, delay);
    }
  };
}

使用示例：

import { throttle } from '@/utils';

// 在某个方法中使用节流
export default {
  methods: {
    handleScroll: throttle(function() {
      // 执行需要节流的逻辑
    }, 300)
  }
}

通过以上封装，可以在UniApp中方便地使用防抖和节流功能来优化事件处理的效率和性能。