Debounce
Debouncing bedeutet im Programmierkontext, alle während eines bestimmten Zeitraums angeforderten Operationen zu einer einzigen Ausführung zusammenzufassen.
Debouncing ist dem Throttling sehr ähnlich. Der Hauptunterschied besteht darin, dass Throttling Beschränkungen für kontinuierliche Operationen durchsetzt, während Debouncing darauf wartet, dass Aufrufe für eine bestimmte Zeit aufhören, um viele störende Aufrufe zu einer einzigen Ausführung zu konsolidieren.
Ein typisches Anwendungsbeispiel für Debouncing ist die Reaktion auf Benutzereingaben. Wenn der Benutzer tippt, sollte keine andere Aktion durchgeführt werden, um zu vermeiden, dass die Benutzeroberfläche träge wird. Wenn der Benutzer das Tippen unterbricht, können wir beginnen, die Eingabe zu verarbeiten, wie z.B. Ergebnisse zu filtern, Vorschläge zu geben usw. Wenn die Funktion search
um 10 Millisekunden gedebounced ist, bedeutet das:
- Der erste Aufruf von
search
wird als leading edge bezeichnet. - Jeder weitere Aufruf von
search
, der innerhalb von 10 Millisekunden nach dem vorherigen Aufruf erfolgt, befindet sich in derselben „Charge“ wie der vorherige Aufruf. - Nachdem 10 Millisekunden seit dem letzten Aufruf von
search
vergangen sind, ohne dass weitere Aufrufe erfolgt sind, haben wir die trailing edge erreicht.
Üblicherweise wird search
nur einmal am trailing edge ausgeführt, obwohl es manchmal auch am leading edge oder sogar an beiden Kanten ausgeführt werden kann, je nach spezifischem Anwendungsfall. Wenn es an beiden Kanten ausgeführt wird, stellt die Debouncing-Implementierung normalerweise auch sicher, dass der nächste leading edge-Aufruf mindestens 10 Millisekunden nach der vorherigen trailing edge nicht ausgelöst wird.
Siehe auch
- Glossarbegriffe:
- Debouncing and Throttling Explained Through Examples auf CSS-Tricks (6. April 2016)