节流
有关节流的解释,你可以在这里在新窗口打开 找到。
简单来说就是,保证每 X 毫秒去执行一次函数。例如输入事件,throttle
函数会在用户输入的过程中以设定的时间间隔去执行函数。这与我们上一节提到的 debounce
有很大的区别。
VueRequest 的节流是使用 lodash在新窗口打开 提供的 throttle
在新窗口打开 实现的,leading
和 trailing
选项默认为 true,因此,在第一个 throttle 的执行间隔中可能会触发两次请求。
1.2.2 版本后提供了
throttleOptions
来自定义throttle
的行为
如下所示,你只需要提供一个 throttleInterval
来告诉我们节流的执行间隔。这样用户在输入信息时,每隔 1000 毫秒 我们就会发起一次请求。
你可以打开控制台,查看控制台打印信息的间隔。