Java/JavaScript/Swift分别实现延迟执行(去抖动debounce)

开发搜索功能的时候,需要根据用户实时输入的关键词进行搜索,但是用户快速输入每一个单词,就触发一次服务器请求,有点浪费资源,且体验不好,做法是等待用户比如500ms后,再进行搜索请求,直接上代码:

新建一个类:Debouncer.java

public class Debouncer {
    private final ScheduledExecutorService scheduler = Executors.newSingleThreadScheduledExecutor();
    private final ConcurrentHashMap<Object, Future<?>> delayedMap = new ConcurrentHashMap<>();

    /**
     * Debounces {@code callable} by {@code delay}, i.e., schedules it to be executed after {@code delay},
     * or cancels its execution if the method is called with the same key within the {@code delay} again.
     */
    public void debounce(final Object key, final Runnable runnable, long delay, TimeUnit unit) {
        final Future<?> prev = delayedMap.put(key, scheduler.schedule(new Runnable() {
            @Override
            public void run() {
                try {
                    runnable.run();
                } finally {
                    delayedMap.remove(key);
                }
            }
        }, delay, unit));
        if (prev != null) {
            prev.cancel(true);
        }
    }

    public void shutdown() {
        scheduler.shutdownNow();
    }
}

调用方法

final Debouncer debouncer = new Debouncer();
debouncer.debounce(Void.class, new Runnable() {
    @Override public void run() {
        // ...
    }
}, 500, TimeUnit.MILLISECONDS);

Android版本,请看https://blog.terrynow.com/2020/12/22/android-debounce/

Swift版本,请看https://blog.terrynow.com/2020/12/22/ios-swift-debounce/

Javascript版本,请看https://blog.terrynow.com/2020/12/23/javascript-debounce/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
lodsah/debounce 是一个 JavaScript 库,用于控制调用某个函数的频率。它可以防止函数在短时间内多次被触发,从而避免函数的过度执行,提高性能和用户体验。 debounce 的用法非常简单。首先,需要引入 lodsah/debounce 库,可以通过使用 script 标签在 HTML 文件中引入库的 JavaScript 文件,或者使用 npm 进行安装并在你的项目中导入。 接下来,你需要定义你想要延迟执行的函数。比如,你可以定义一个处理滚动事件的函数 scrollHandler。 ``` function scrollHandler() { // 你的滚动事件处理逻辑 } ``` 然后,你可以使用 debounce 方法来创建一个新的函数,该函数将会经过防抖处理。 ``` var debounceScrollHandler = debounce(scrollHandler, 200); ``` 在这个例子中,scrollHandler 函数会被封装成一个新的函数 debounceScrollHandler,并且在调用 debounceScrollHandler 之后的 200 毫秒内如果再次触发,会被忽略,直到 200 毫秒内没有再次触发时才会执行 scrollHandler 函数。 最后,你可以把 debounceScrollHandler 函数绑定到某个事件上,比如滚动事件。 ``` window.addEventListener('scroll', debounceScrollHandler); ``` 这样,当用户滚动页面时,debounceScrollHandler 函数将会被调用。但是在短时间内只有一次调用,从而避免函数过度执行。 总结而言,lodsah/debounce 是一个用于控制函数执行频率的 JavaScript 库,可以通过它来确保函数在短时间内只被触发一次,避免过度执行,提高性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值