码迷,mamicode.com
首页 > 其他好文 > 详细

节流和防抖

时间:2019-04-22 00:49:45      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:img   执行   mouse   com   ash   ott   滚动事件   无法   ima   

节流和防抖

防抖

  • 防抖的中心思想在于:我会等你到底。在某段时间内,不管你触发了多少次回调,我都只认最后一次。

使用场景

  • search搜索联想,用户在不断输入值时,使用防抖减少请求次数。

技术图片

节流

throttle 的中心思想在于:在某段时间内,不管你触发了多少次回调,我都只认第一次,并在计时结束时给予响应。

每当用户触发了一次scroll事件,我们就为这个触发操作开启计时器。一段时间内,后续所有的scroll事件都会被当作“一辆车的乘客”——它们无法触发新的scroll回调。直到“一段时间”到了,第一次触发的scroll事件对应的回调才会执行,而“一段时间内”触发的后续的scroll回调都会被节流阀无视掉。

使用场景
鼠标点击事件,mousedown(单位时间内只触发一次)

监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断
技术图片

 

节流和防抖

标签:img   执行   mouse   com   ash   ott   滚动事件   无法   ima   

原文地址:https://www.cnblogs.com/mahmud/p/10747863.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!