写一个滚动页面的节流方法

好的，这里是一个滚动页面的节流方法的示例：

function throttleScroll(callback, delay) {
  let last = 0;
  return function() {
    const now = new Date().getTime();
    if (now - last < delay) {
      return;
    }
    last = now;
    callback.apply(this, arguments);
  }
}

window.addEventListener('scroll', throttleScroll(function() {
  // 在此处写滚动回调函数
}, 1000));

这个方法会返回一个新函数，每次滚动时都会调用这个新函数。如果当前时间与上一次调用时间的间隔小于指定的延迟时间，则不会执行回调函数，否则会执行回调函数并更新上一次调用时间。这样可以有效地减少滚动事件的触发次数，达到节流的目的。在示例中，延迟时间为1000毫秒（即1秒钟），可以根据需要自行调整。

相关问题

用js 写一个节流防抖

函数节流和函数防抖都是为了解决高频率触发事件时的性能问题。函数节流是指在一定时间内，只执行一次事件，而函数防抖是指在一定时间内，事件触发后，只有等待一段时间后未再次触发该事件，才执行事件处理函数。下面是用 JavaScript 实现函数节流和函数防抖的示例代码：

函数节流：

function throttle(func, delay) {
  let lastTime = 0;
  return function (...args) {
    const nowTime = new Date().getTime();
    if (nowTime - lastTime > delay) {
      func.apply(this, args);
      lastTime = nowTime;
    }
  };
}

function handle() {
  console.log('throttle');
}

window.addEventListener('scroll', throttle(handle, 1000));

函数防抖：

function debounce(func, delay) {
  let timer = null;
  return function (...args) {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      func.apply(this, args);
    }, delay);
  };
}

function handle() {
  console.log('debounce');
}

window.addEventListener('scroll', debounce(handle, 1000));

在这个示例中，我们分别使用了函数节流和函数防抖来优化了 window 的 scroll 事件的处理函数，当用户滚动页面时，每隔 1 秒执行一次函数节流的处理函数，或者等待 1 秒后再执行函数防抖的处理函数。这样可以有效降低事件处理函数的执行频率，优化页面性能。

微信小程序用vue2写一个公共节流的方法

在Vue2中实现公共节流方法可以使用lodash库中的throttle方法。以下是实现公共节流方法的步骤：

1. 引入lodash库

在小程序中可以通过npm安装lodash库，然后在需要使用公共节流方法的组件中引入：

import _ from 'lodash';

2. 定义公共节流方法

在Vue2中，可以将公共节流方法定义在src/utils/throttle.js文件中：

import _ from 'lodash';

export default function throttle(fn, wait, options = {}) {
  return _.throttle(fn, wait, options);
}

其中，fn为需要节流的函数，wait为节流的时间间隔，options为可选配置项，可以设置leading和trailing参数来控制节流的行为。

3. 在需要使用节流的地方调用公共节流方法

在需要使用节流的地方，引入公共节流方法，然后调用该方法即可：

import throttle from '@/utils/throttle';

export default {
  mounted() {
    window.addEventListener('scroll', throttle(this.handleScroll, 1000));
  },
  methods: {
    handleScroll() {
      // ...
    }
  }
}

以上代码中，当页面滚动时，会调用handleScroll方法，并且使用公共节流方法来限制handleScroll方法的执行频率。