概念

防抖(debounce)

当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定时间到来之前，又触发了事件，就重新开始延时

节流(throttle)

当持续触发事件时，保证在一定时间内只调用一次事件处理函数，意思就是说，假设一个用户一直触发这个函数，且每次触发小于既定值，函数节流会每隔这个时间调用一次

区别

防抖是将多次执行变为最后一次执行
节流是将多次执行变为每隔一段时间执行

Java实现

防抖(debounce)

public class DebounceTask {private Timer timer;private Long delay;private Runnable runnable;public DebounceTask(Runnable runnable,  Long delay) {this.runnable = runnable;this.delay = delay;}public static DebounceTask build(Runnable runnable, Long delay){return new DebounceTask(runnable, delay);}public void run(){if(timer!=null){timer.cancel();}timer = new Timer();timer.schedule(new TimerTask() {@Overridepublic void run() {timer=null;runnable.run();}}, delay);}
}

节流(throttle)

public class ThrottleTask {private Timer timer;private Long delay;private Runnable runnable;private boolean needWait=false;public ThrottleTask(Runnable runnable,  Long delay) {this.runnable = runnable;this.delay = delay;this.timer = new Timer();}public static ThrottleTask build(Runnable runnable, Long delay){return new ThrottleTask(runnable, delay);}public void run(){if(!needWait){needWait=true;timer.schedule(new TimerTask() {@Overridepublic void run() {needWait=false;runnable.run();}}, delay);}}
}

测试

防抖(debounce)

DebounceTask task = DebounceTask.build(new Runnable() {@Overridepublic void run() {System.out.println("do task: "+System.currentTimeMillis());}
},1000L);
long delay = 100;
while (true){System.out.println("call task: "+System.currentTimeMillis());task.run();delay+=100;try {Thread.sleep(delay);} catch (InterruptedException e) {e.printStackTrace();}
}

节流(throttle)

ThrottleTask task = ThrottleTask.build(new Runnable() {@Overridepublic void run() {System.out.println("do task: "+System.currentTimeMillis());}
},1000L);
while (true){System.out.println("call task: "+System.currentTimeMillis());task.run();try {Thread.sleep(200);} catch (InterruptedException e) {e.printStackTrace();}
}

Java版的防抖(debounce)和节流(throttle)相关推荐

防抖debounce和节流throttle
大纲一.出现缘由二.什么是防抖debounce和节流throttle 三.应用场景 3.1防抖 3.2节流一.出现缘由前端开发中,有一部分用户行为会频繁触发事件,而对于DOM操作,资源加载等耗 ...
函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用
函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用文章目录函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用 1. 为什么要防抖节流 1.1 ...
探究防抖(debounce)和节流(throttle)
本文来自我的博客,欢迎大家去GitHub上star我的博客本文从防抖和节流出发,分析它们的特性,并拓展一种特殊的节流方式requestAnimationFrame,最后对lodash中的deboun ...
函数防抖(debounce)和节流(throttle)以及lodash的debounce源码赏析
函数节流和去抖的出现场景,一般都伴随着客户端 DOM 的事件监听.比如scroll resize等事件,这些事件在某些场景触发非常频繁. 比如,实现一个原生的拖拽功能(不能用 H5 Drag& ...
手写防抖(debounce)和节流(throttle)
目录测试代码防抖(debounce) 基本功能实现添加参数及this指向功能第一次立即执行功能取消功能节流(throttle) 基本功能实现增加this执向最后一次在禁止时间段内是否执 ...
函数防抖debounce和节流throttle
debounce 函数防抖 1.什么是函数防抖函数防抖是优化高频率执行 js 代码的一种手段可以让被调用的函数在一次连续的高频率操作过程中只被调用一次 2.函数防抖的作用减少代码执行次数,提升网 ...
防抖(debounce)和节流(throttle)
针对一些会频繁触发的事件如scroll.resize,如果正常绑定事件处理函数的话,有可能在很短的时间内多次连续触发事件,十分影响性能.防抖和节流就是针对响应跟不上触发频率这类问题的两种解决方案因此 ...
防抖(debounce) 和节流(throttling)
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案. 在给DOM绑定事件时,有些事件我们是无法控制触发频率的. 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改 ...
防抖(debounce) 和节流(throttling)的封装使用-最终发布npm
函数的防抖节流前言防抖函数防抖函数(雏形) 防抖函数1.0(使用了闭包) 防抖函数2.0(此版本开始才称得上是封装) 防抖函数3.0(希望第一次点击就立即触发) 防抖函数4.0(解决this指向 ...

Java版的防抖(debounce)和节流(throttle)

概念

防抖(debounce)

节流(throttle)

区别

Java实现

防抖(debounce)

节流(throttle)

测试

防抖(debounce)

节流(throttle)

Java版的防抖(debounce)和节流(throttle)相关推荐

最新文章

热门文章