Beispiele für JavaScript-Entschüttelungen und Drosselung

Beispiele für JavaScript-Entschüttelungen und Drosselung

Anti-Shake: Führen Sie die letzte Aufgabe nur innerhalb eines bestimmten Zeitraums aus.

Drosselung: Innerhalb eines bestimmten Zeitraums nur einmal ausführen;

Stabilisierung

<button id="debounce">Klicken Sie hier, um den Prellvorgang zu beenden! </button>
 
$('#entprellen').on('klicken', entprellen());
 
Funktion Entprellung() {
    lass den Timer;
    // Abschluss return-Funktion () {
        Zeitüberschreitung löschen(Timer);
        Timer = setzeTimeout(() => {
            // Vorgänge, die eine Anti-Shake-Funktion erfordern ...
            console.log("Anti-Shake erfolgreich!");
        }, 500);
    }
} 

Bildbeschreibung hier einfügen

Drosselung:

<button id="throttle">Klicken Sie hier, um zu drosseln! </button>
 
$('#drosselklappe').on('klicken', gashebel());
 
Funktion Gaspedal(fn) {
    lass flag = wahr;
    // Abschluss return-Funktion () {
        wenn (!flag) {
            zurückkehren;
        }
        Flagge = falsch;
        setzeTimeout(() => {
            console.log("Drosselung erfolgreich!");
            Flagge = wahr;
        }, 1000);
    };
} 

Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels über JavaScript-Anti-Shake- und Throttling-Fälle. Weitere relevante Inhalte zu JavaScript-Anti-Shake- und Throttling finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Eine kurze Diskussion über JavaScript-Drosselung und Anti-Shake
  • Unterschied und Implementierung von JavaScript Anti-Shake und Throttling
  • Detaillierte Erklärung zu JavaScript Anti-Shake und Throttling
  • Erläuterung zu JavaScript-Anti-Shake und -Throttling
  • Implementierungs- und Nutzungsszenarien der JS-Anti-Shake-Drosselungsfunktion
  • Was ist JavaScript Anti-Shake und Throttling

<<:  Zusammenfassung der MySQL-Entwicklungsstandards und -Nutzungskenntnisse

>>:  Installieren Sie das Linux-System automatisch basierend auf Cobbler

Artikel empfehlen

Ideen und Codes zur Implementierung des Wasserfall-Flow-Layouts im UniApp-Applet

1. Einleitung Gilt es als Aufwärmen alter Themen,...

25 Beispiele für die Verwendung kreisförmiger Elemente im Webdesign

Heute listet dieser Beitrag einige großartige Beis...

Detaillierte Erklärung der Verwendung und Funktion des MySQL-Cursors

[Verwendung und Funktion des MySQL-Cursors] Beisp...

Beispielcode zur Verwendung der Elementkalenderkomponente in Vue

Schauen Sie sich zunächst das Wirkungsdiagramm an...

Mit vsftp einen FTP-Server unter Linux aufbauen (mit Parameterbeschreibung)

einführen In diesem Kapitel wird hauptsächlich de...

Detaillierte Erläuterung der kombinierten MySQL-Abfrage

Verwenden von UNION Die meisten SQL-Abfragen best...

Detaillierte Erklärung zur Verwendung von umask unter Linux

Ich habe vor Kurzem angefangen, Linux zu lernen. ...

HTML-Code einer Webseite: Erzeugung von Lauftext

In diesem Abschnitt beschreibt der Autor die spez...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.18 winx64

Die Installation komprimierter Pakete hat sich se...