前言
如果你不了解这两个概念,请读完前面,如果你了解,请直接复制代码使用即可。
函数节流是减少函数的触发频率;函数防抖是延迟函数执行,且不管触发多少次都只执行最后一次。
函数防抖延迟函数执行。多用于 input
框输入时,显示匹配的输入内容的情况。
单位时间 n
秒内,第一次触发函数执行之后不管用户触发多少次都不会执行。
到下一个单位时间 n
秒时,第一次触发函数执行。
多用于页面 scroll
滚动,窗口 resize
,防止按钮重复点击等。
小程序中使用函数防抖节流一般都将这两种方法封装在公用 js
里。
//common.js
/*函数节流*/
function throttle(fn, interval)