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

Zusammenfassung der Zeilenumbruchprobleme bei Textbereichen in HTML

Kürzlich stieß ich auf das Problem, ob die Daten b...

Detaillierte Erklärung des Typschutzes in TypeScript

Inhaltsverzeichnis Überblick Typzusicherungen in ...

Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...

Allgemeine Überlegungen zum Erstellen eines Hadoop 3.2.0-Clusters

Ein Port ändert sich In Version 3.2.0 beträgt der...

XHTML Basic 1.1, eine vom W3C empfohlene Auszeichnungssprache für mobiles Web

W3C hat kürzlich zwei Standards veröffentlicht, n...

Dockers Mechanismus zur Integritätserkennung

Für Container ist die einfachste Integritätsprüfu...

Lernen Sie die Grundlagen der JavaScript-DOM-Operationen in einem Artikel

DOM-Konzepte DOM: Dokumentobjektmodell: Das Dokum...

Detaillierte Erläuterung der Wissenspunkte zu Linux-Dateivorgängen

Verwandte Systemaufrufe für Dateioperationen erst...

Implementierungsbeispiel für das Zurücksetzen des CSS-Reset-Stils

Einführung: Alle Browser verfügen über Standardst...

Analyse des Verwendungsbeispiels für den Common Table Expression CTE in mysql8

Dieser Artikel beschreibt anhand eines Beispiels ...

Was macht die MySQL-Datenbank?

MySQL ist ein relationales Datenbankverwaltungssy...