您当前的位置: 首页 >  微信小程序

王佳斌

暂无认证

  • 3浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

微信小程序 - 函数防抖 / 函数节流(轮子封装)

王佳斌 发布时间:2020-08-06 11:20:12 ,浏览量:3

前言

如果你不了解这两个概念,请读完前面,如果你了解,请直接复制代码使用即可。

函数节流是减少函数的触发频率;函数防抖是延迟函数执行,且不管触发多少次都只执行最后一次。

函数防抖

延迟函数执行。多用于 input 框输入时,显示匹配的输入内容的情况。

函数节流

单位时间 n 秒内,第一次触发函数执行之后不管用户触发多少次都不会执行。

到下一个单位时间 n 秒时,第一次触发函数执行。

多用于页面 scroll 滚动,窗口 resize,防止按钮重复点击等。

源码

小程序中使用函数防抖节流一般都将这两种方法封装在公用 js 里。

//common.js

/*函数节流*/
function throttle(fn, interval)
关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0445s