问题标签 [debounce]

如何消除在“keyUp”事件上调用的函数？

这是我的代码：

我的功能

我的 HTML

基本上，我想要实现的是handleSearch在用户停止输入后几分钟被调用。

我发现我可以_debounce()为此使用 lodash，但我还没有找到如何在我的keyUp活动中使用它。

我想在Ext.Button上实现debounce函数，所以我扩展了它并覆盖了onClick函数，像这样：

Debounce 是在 x-type 声明上传递的参数。

这里的问题是我传递给 onClick 的“args”参数在从“click”调用到“mouvemove”时发生了变化，并且它不会触发它应该触发的事件。

有没有办法记录函数中收到的“e”参数传递给超类的onClick？

是否可以对链接的点击进行去抖动？如果用户在 pjax 链接上点击太多次太快，它将破坏新内容的加载。

有什么想法吗？我试过这个，但它阻止了 loadNewContent 的触发。( https://github.com/cowboy/jquery-throttle-debounce )

我编写了一些 javaScript，以便我的菜单从 position: static 开始，但将变为 position: fixed 并在用户向上滚动时停留在屏幕顶部，但在向下滚动时会再次消失。因为菜单上面有一些内容，一旦用户滚动到最顶部，菜单再次变为 position: static。

这段代码工作正常，但我在添加去抖动时遇到了问题。我读过我需要节流或去抖动以提高性能。我尝试过分别使用 Lodash _.debounce 和 _.throttle 函数。我不介意在向上滚动时显示自己的菜单有一些延迟，但是当用户滚动回到页面顶部时，标题在返回位置时会有延迟：静态。我曾尝试使用 {'leading': true} 选项来实现去抖动和节流功能，但效果并不好。

如果我将等待/延迟时间设置得太低，那么即使使用 debounce 或油门也毫无意义吗？我不想牺牲网站的性能，但已被要求实现此效果。

我在一条叫做“游戏”的路线上。

在一个动作中，我为一个函数调用 Ember.run.debounce，但在那个函数中我不能调用其他函数。

应用程序/路线/game.js：

为什么我不能打电话updateOtherGames？

为什么函数this中saveGame只指gamend 而不是路由？

读完这篇文章后，我偶然发现了去抖是如何工作的： 有人可以解释 Javascript 中的“去抖”功能吗

在这个接受的答案中有一些东西我无法弄清楚它怎么会是这样的：

“请注意，这会覆盖超时值，并且该值会在多个函数调用中持续存在！”

每次调用 debounce 方法时，都会为其创建一个新堆栈，返回的函数可以访问超时值。是的，我将其理解为关闭的性质。但是在多次调用中，我们得到包装器去抖动会产生一个新的本地超时，那么如何才能清除先前调用中的超时，因为它们没有绑定到相同的超时？

非常感谢，我知道这是非常基本的 JS，但我不想忽略它，因为我知道，如果理解它，我可以了解更多关于 JS 的知识。

我做了一个非常基本的plunker，它模仿了文本编辑器发生的事情：我们可以在和编辑它们的内容之间file1切换file2。修改内容会触发changeFile，但我想设置一个debounce.

这里的问题是，刚刚修改了一个文件的内容后，如果我们很快切换到另一个文件，修改将不会被考虑在内；它不会显示在控制台中。那不是我想要的。changeFile无论是否debounce完成，我都希望切换到另一个文件会触发。

有谁知道如何修改代码来实现这一点？

我正在尝试在我的 web 应用程序中消除组件的抖动。实际上它是 maxPrice 的过滤器，如果用户开始打印，过滤器开始工作，所有结果都会消失，直到后面有一个合理的数字。

到目前为止我尝试了什么：

我收到错误

在我的旧版本中，我拥有onChange={this.onSet}并且它有效。

知道可能出了什么问题吗？

我在一个页面上有 4 个输入和这样的代码

所以在 $('input') 我有 4 个输入的集合。当我开始在所有 4 个输入中快速键入时，10 秒后，我在控制台中只收到一个“Keyup 触发”。

似乎每个输入都共享相同的功能。但在我看来，每个输入都应该有它自己的 _debounce 函数实例。

为什么我错了？根据我的观点，我为什么要写 COLLECTION.on(event, fn)。Jquery 应该映射 4 个输入并为每个输入分配调用 _.debounce() 的结果。所以每个输入都会有它自己的去抖动函数实例。谢谢你

我正在使用并vue-js运行element-ui来自dev-server模板。vue-cliwebpack

我正在尝试消除可过滤输入的搜索值。换句话说，我想debounce获取:filter-method参数query来进行ajax调用

这是小提琴示例https://jsfiddle.net/ffeohmk4/

在那个例子中，还没有去抖动。

问题

该功能getFinalList永远不会被触发。我会假设因为它是computed property每次this.searchValue更改时都应该触发的。