问题标签 [debounce]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2030 浏览

amazon-web-services - 去抖来自 SQS 的消息

我需要构建一个瘦服务,其工作是:

通过 HTTP post 向客户端发送更新通知 webhook,通知他们作业已更新。

ID 为 XYZ 的作业由 10 - 1000 个较小的部分组成,我们需要更新它们的状态。1000 个零件的工作,可能需要 2 分钟我们只想每 10 秒左右更新一次(所以我们会发送 12 次更新 webhook)。

我计划通过 SQS 将来自工作单元的更新消息排队,然后出队,执行去抖动并发送 webhook。我的问题是,我不知道如何对特定标识符 XYZ 执行去抖动。

有人有什么想法或经验可以分享吗?如何执行去抖动?

0 投票
1 回答
292 浏览

jquery - jQuery!我无法正确使用 _.debounce

我正在尝试使用underscore.js的函数_.debounce()但我无法正确执行。

我正在尝试消除我的窗口滚动,如下所示,但我很困惑。

0 投票
0 回答
70 浏览

lodash - Lodash debounce:“系统时间倒退”是什么意思?

最近在看lodash debounce函数的源码。我无法弄清楚为什么timeSinceLastCall在shouldInvoke方法中可能小于 0 。评论说系统时间倒退了。这是什么意思?lodash debounce的源码在这里:https ://github.com/lodash/lodash/blob/4.8.0-npm/debounce.js

0 投票
1 回答
93 浏览

javascript - 如何实现 Ben Alman 的 debounce jQuery?

我正在使用这个项目:https ://github.com/cowboy/jquery-throttle-debounce

我的代码是-sorta-working,但去抖被忽略了。因此,在每次图像加载时都会调用瀑布函数,但没有考虑 2 秒的延迟。没有显示错误。

实现这一点的正确方法是什么?我一直在摆弄这个 3 个小时,但找不到解决方案。

0 投票
1 回答
228 浏览

javascript - javascript中的去抖动实时搜索不执行关闭

下面的代码模拟了通过debounce 函数执行实时搜索(替换为控制台输出)。

debounce 函数被调用,但传递的liveSearch函数没有被调用。我猜是因为debounce返回了一个没有被执行的函数。

我怎样才能liveSearch以这样的方式调用它实际上是去抖动的?

http://codepen.io/bbodien/pen/BpWBXm?editors=0010

0 投票
2 回答
1022 浏览

javascript - React 组件 - 去抖动

尝试在具有随更改更新的输入字段的反应组件上创建延迟

这是我的 onChange 方法

react-bootstrap组件:

所以我尝试导入 lodash _.debounce 并在构造函数中应用

我没有得到去抖。我在这里想念什么?

0 投票
4 回答
15456 浏览

rx-java - Rx 中的立即去抖动

我正在寻找debounce一系列事件的操作员,让我们说用户的点击。输入和输出应该是这样的:

这个想法就像带有immediate选项on http://underscorejs.org/#debounce的下划线去抖动。操作符可以以任何支持反应式扩展的语言呈现/实现

编辑:澄清间隔,比如说 5 秒(两个箭头之间的 5 个空格):-> <-

Edit2:一个更容易理解的版本:我有一个用户,他反复点击一个按钮(1、2、3);我想抓住第一个click(1)并忽略其余的。过了一会儿,他累了,休息7秒(比两个箭头之间的5秒间隔还长)继续再次点击按钮(4,5,6,7,8)我想抓住第一个click(4 ) 并忽略其余部分。

如果他在第四个箭头之后点击,我也想抓住那个点击。

Edit3:这是图片可以在原始文章中找到的图像

0 投票
1 回答
1365 浏览

angularjs - 向 AngularJS ng-repeat 过滤器添加 Debounce/Throttle

当我需要过滤大量对象时,如何向 ng-repeat 过滤器添加 300ms 的 Debounce/Throttle 以提高性能。请在下面找到示例代码。

0 投票
1 回答
473 浏览

javascript - rxjs 去抖动和间隔

有很多关于RXJS debounce方法的信息和问题。但我不明白为什么这个最简单的例子不起作用:

间隔每 1 秒发出增量数字(假设----为 1 秒)

在这种情况下,我希望看到2 and 5数字,但它什么也没显示。

我做错了什么?

0 投票
1 回答
3101 浏览

javascript - Vue.js 去抖动滚动

我正在尝试将debounce包与 Vue.jsv-on:scroll绑定一起使用,如下所示:

问题是它debounce实际上返回了要使用的去抖动函数,但是以这种方式绑定事件实际上会调用debounce(onScrollMessages, 200)每个滚动事件,这意味着每个滚动事件都会计算并创建去抖动函数。

实际问题是@scroll将事件绑定如下:

但是,为了使去抖动函数只计算一次,它应该绑定事件,如下所示:

如何将@scroll事件绑定到由返回的函数而不是每次debounce()调用的函数?debounce()