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

So fügen Sie Bilder in HTML-Seiten ein und fügen Kartenindexbeispiele hinzu

1. Im Web unterstützte Bildformate: GIF: kann 256...

Beispielcode zur Implementierung des Div-Konkaveckenstils mit CSS

Bei der normalen Entwicklung verwenden wir normal...

Implementierung einer Fuzzy-Abfrage wie %% in MySQL

1, %, steht für beliebige 0 oder mehr Zeichen. Es...

So entwickeln Sie Java 8 Spring Boot-Anwendungen in Docker

In diesem Artikel zeige ich Ihnen, wie Sie mit Ja...

So migrieren Sie das Datenverzeichnis in mysql8.0.20

Das Standardspeicherverzeichnis von MySQL ist /va...

JavaScript-Code zur Implementierung der Weibo-Batch-Unfollow-Funktion

Ein cooler JavaScript-Code, um Weibo-Benutzern st...

Tutorial zur Installation und Verwendung des Elasticsearch-Tools cerebro

Cerebro ist eine Weiterentwicklung des Elasticsea...

Mehrere Möglichkeiten zum Einfügen von SVG in HTML-Seiten

SVG (Scalable Vector Graphics) ist ein Bildformat...

Warum sind die Bilder in mobilen Web-Apps nicht klar und sehr verschwommen?

Warum? Am einfachsten lässt es sich so ausdrücken:...

Vorgehensweise, wenn die Online-MySQL-Auto-Increment-ID erschöpft ist

Inhaltsverzeichnis Tabellendefinition - automatis...

Ein- und Ausblenden von HTML-Elementen durch Anzeige oder Sichtbarkeit

Manchmal müssen wir steuern, ob HTML-Elemente auf ...