Polymer 2.0中的去抖动器

Question

简单的问题,但没有关于这个问题的文件:Polymer 2.0中是否有debouncer？如果是这样,它怎么用？ this.debounce是1.0中的实例方法,但似乎已经消失了.

提前致谢!

Answer 1

遗产1.x去抖动者

您可以this.debounce()通过Polymer.LegacyElementMixin以下方式使用1.x 方法:

class XFoo extends Polymer.LegacyElementMixin(Polymer.Element) {
  ...
  _onClick() {
    this.debounce('myDebouncer', callback, 2000);
  }
}

codepen

新的2.x去抖动者

2.0当量是Polymer.Debouncer.debounce(debouncer, asyncModule, cb),其中:

• debouncer

  Polymer.Debouncer返回的实例Polymer.Debouncer.debounce(),用于唯一标识去抖动作业.这相当于1.x去抖动作业名称字符串.这可以是最初undefined/ null创建新实例.

• asyncModule

  以下之一:

  • Polymer.Async.timeOut.after(TIMEOUT_MS)
  • Polymer.Async.idlePeriod
  • Polymer.Async.microTask
  • Polymer.Async.animationFrame

• cb

  回调asyncModule完成时调用

此函数返回一个Polymer.Debouncer实例,该实例具有cancel()等效于1.x 的方法this.cancelDebouncer(JOB_NAME).该实例应该debounce()在下次调用时传递给方法,以使debouncing正常工作.

用法示例:

class XFoo extends Polymer.Element {
  ...
  _onClick() {
    this._debouncer = Polymer.Debouncer.debounce(
       this._debouncer, // initially undefined
       Polymer.Async.timeOut.after(2000),
       callback);
  }
}

codepen