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

Einrichten von VMware vSphere in VMware Workstation (Grafisches Tutorial)

VMware vSphere ist die branchenführende und zuver...

Der gesamte Prozess der Installation von mysql5.7.22 unter der ARM64-Architektur

MySQL-Download-Adresse: https://obs.cn-north-4.my...

Nginx löst Cross-Domain-Probleme und bindet Seiten von Drittanbietern ein

Inhaltsverzeichnis Vorwort Schwierigkeit Domänenü...

React implementiert Endlosschleifen-Scrollinformationen

In diesem Artikel wird der spezifische Code von R...

Implementierung der gemeinsamen Nutzung von Daten zwischen Docker Volume-Containern

Was ist Volumen? „Volume“ bedeutet auf Englisch K...

Tatsächlicher Datensatz zur Wiederherstellung der MySQL-Datenbank nach Zeitpunkt

Einführung: MySQL-Datenbankwiederherstellung nach...

Kompilieren Sie CPP-Dateien mit G++ in Ubuntu

Als ich die CPP-Datei zum ersten Mal mit G++ komp...

Bauprozess eines privaten Docker-Lagerhafens

1. Vorbereitung 1.1 Hafen herunterladen Harbor-Do...

Detaillierte Erläuterung der MySQL-Datumszeichenfolgen-Zeitstempelkonvertierung

Die Konvertierung zwischen Zeit, Zeichenfolge und...

Detaillierte Erläuterung der 6 Möglichkeiten der JS-Vererbung

Vererbung von Prototypketten Die Prototypenvererb...

Spezifische Schritte für den Vue-Browser zur Rückgabe der Überwachung

Vorwort Beim Teilen einer Seite hoffen Sie, durch...

Informationen zur Nginx-GZIP-Konfiguration

Das Prinzip von nginx zur Erzielung einer Ressour...