微信小程序 - 函数防抖 / 函数节流(轮子封装)
2023-09-11 14:15:54 时间
前言
如果你不了解这两个概念,请读完前面,如果你了解,请直接复制代码使用即可。
函数节流是减少函数的触发频率;函数防抖是延迟函数执行,且不管触发多少次都只执行最后一次。
函数防抖
延迟函数执行。多用于 input
框输入时,显示匹配的输入内容的情况。
函数节流
单位时间 n
秒内,第一次触发函数执行之后不管用户触发多少次都不会执行。
到下一个单位时间 n
秒时,第一次触发函数执行。
多用于页面 scroll
滚动,窗口 resize
,防止按钮重复点击等。
源码
小程序中使用函数防抖节流一般都将这两种方法封装在公用 js
里。
//common.js
/*函数节流*/
function throttle(fn, interval)
相关文章
- php 微信公众平台OAuth2.0网页授权,获取用户信息代码类封装demo
- A2D JS框架 - AOP封装
- EasyDarwin开源音频解码项目EasyAudioDecoder:EasyPlayer Android音频解码库(第二部分,封装解码器接口)
- 声纹可视化工具:wavesurfer.js---在Vue中使用音频声纹可视化插件wavesurfer.js【已封装成组件有完整demo实例附完整代码】
- 从零开始学_JavaScript_系列(21)——dojo(8)(手把手教你封装一个widget)
- Dataset之图片数据增强:设计自动生成(高级封装之命令行解析实现)汽车车牌图片算法(cv2+PIL+argparse)根据随机指定七个字符自动生成逼真车牌图片数据集(带各种噪声效果)
- Qt网络编程的命令模式:把网络命令封装成类
- Pytorch之Variable与tensor--它封装了Tensor,并整合了反向传播的相关实现,像装糖果(糖果就是数据即tensor)的盒子
- Android开发技巧——PagerAdapter实现类的封装
- Python:企业微信接口封装库work-weixin-api
- web自动化测试入门 —— selenium+python基础方法封装
- UI自动化测试框架搭建 —— 常用操作封装(二)
- allegro制作通孔焊盘封装-flash热风焊盘-图文并茂的Allegro 通孔焊盘制作教程