防抖、节流(混混、混)

127 阅读1分钟

防抖:点击事件,达不到一秒,再点击,重新等一秒 场景:搜索框搜索输入、文本编辑器实时保存(停下来多少秒(再)请求接口) 原理:定时器:(1).设置定时器开始为null (2).做一个if判断:如果不为null,清除定时器(从0开始计时) (3).定时器x秒触发事件(一触发定时器为数值) 节流:点击事件,达到一秒直接执行,无论中间点了多少次 场景:快速点击、下拉加载、视频播放记录时间 原理:定时器:(1).设置定时器开始为null (2).做一个if判断:如果不为null,return返回出去 (3).定时器x秒触发事件,事件后面跟一个 定时器的变量=null(一触发就有值,每次走到2就返回出去,直到时间到了,触发事件,然后走下一行定时器的变量=null,这时2才能通过)

image.png

image.png