Wissenschaftliche Speichermethode für viele Attribute von HTML-CSS

Übersicht und Ziele zum JavaScript-Lernen – Trennung von Front-End und Back-End

Der Kern der Idee ist die Trennung von Front-End und Back-End sowie Lernziele

Was ist Javascript und seine Entwicklungsgeschichte?

Drei Referenzmethoden in Javascript

Was sind die Ausgabemethoden von Javascript?

Grundlegende Javascript-Syntax

JavaScript-Variablendeklaration und Namenskonvention

Konvertierung des JavaScript-Variablentyps

Eine kurze Analyse der Verwendung von Javascript-Operatoren

Javascript-Flusskontrollstruktur

Die Verwendung einer verschachtelten Struktur mit While-Schleife

for-Schleife implementiert die Multiplikationstabelle

Verwendung von Break- und Continue-Anweisungen

Deklaration der benutzerdefinierten js-Funktion

Parameter der js-Funktion und ihre Funktionen

Rückgabewert der JS-Funktion

Verwendung von Funktionsvariablenparametern

js Rückruffunktion für Funktionen höherer Ordnung

js-Funktion höherer Ordnung, anonyme Funktion

Verwenden Sie den Konstruktor, um ein JS-Objekt zu generieren

Erstellen Sie Objekte mit new Object()

Analysieren Sie dieses Objekt in js

Schleifendurchlauf von js-Objekten

Deklarieren Sie JS-Objekte im Literalmodus

js-Array-bezogene Vorgänge

Regeln für die Verwendung von JS-Objekten in der tatsächlichen Entwicklung

js verwendet einen integrierten Konstruktor, um ein Wrapper-Objekt zu erstellen

Verwendung der js-Warteschlangenmethode push()-shift()-pop()-unshift()

js-Array-Operationsmethode

js-System-Sortieralgorithmus

js-Array-Iterationsverarbeitungsmethode

js-String-Operationsmethode

js numerische Methoden und Eigenschaften

js-Mathe-Objektmethoden

Datumsmethode – Kalenderfunktion implementieren

js allgemeine Ereignistypen

js-Ausnahmebehandlung

Stücklisten-Browser-Objektmodell

Stücklistenkern – Fensterobjekt

Ereignis zum Laden von Fensterinhalten

Mitgliedseigenschaften des Fensterobjekts

Fensterobjekt-Fensterbetriebsmethode

js-Timer

Mehrere Timer löschen

Anwendung des window.screen-Objekts

Das window.location-Objekt implementiert einen Seitensprung

Anwendung des window.history-Objekts

Anwendung des js-Cookie-Operationsobjekts

js localStorage-Client-Datenspeicherung

Zusammenfassung der Hausaufgaben und Zusammenfassung dieses Kapitels

Der Ursprung des DOM-Dokumentobjektmodells

Assoziation und Konvertierung zwischen JS und HTML

Fügen Sie einem einzelnen Dom-Element eine Animation hinzu

DOM-Attributmitglieder und Dokumentenfluss

Rufen Sie ein Objekt über den Sammlungsvorgang des Dokuments ab

Inhalt des Modelloperationselements

Modelloperationselementattribute

js implementiert Batch-Hinzufügen von Selektoren

js implementiert dynamische Tabs

Rufen Sie die Sammlung von Elementen über das Namensattribut ab, um die Funktion „Alle auswählen“ zu implementieren

Zusammenfassung der Hausaufgaben

Holen Sie sich Objekt-1 über das Klassennamensattribut

Objekt anhand des Klassennamens Attribut-2 abrufen

Finden Sie HTML-Elemente mit der Methode querySelectorAll()

HTML-DOM-Navigation

Knoteneigenschaften

Navigieren Sie zwischen Knoten

So kapseln Sie eine Knotensammlung und erhalten sie

So erstellen, löschen, anhängen und ersetzen Sie den Elementknoten 01

So erstellen, löschen, anhängen und ersetzen Sie den Elementknoten 02

Detaillierte Erläuterung der Breiten-, Höhen- und Positionsattribute der Div-Box 01

Detaillierte Erläuterung der Breiten-, Höhen- und Positionsattribute der Div-Box 02

DOM-Animationseinstellungen

Kursrückblick und Ausblick (Wichtige Punkte)

Die Beziehung zwischen Ereignisquelle, Ereignisobjekt und Ereignishandler

Drei Möglichkeiten, Ereignisse zu Elementen hinzuzufügen

Parsen von Ereignisobjekten

Eigenschaften von Ereignisobjekten – Ereignissprudeln

Mausereignis: Implementieren Sie das Bild so, dass es der Mausbewegung folgt

Simulieren Sie das Mausziehereignis 01

Simulieren Sie das Mausziehereignis 02

Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 01

Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 02

Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 03

Scroll-Ereignis: Die Seite wird gescrollt, um die Bildposition beizubehalten

Ereignisse und Methoden im Zusammenhang mit DOM-Formularen

Drop-down-Box für Change-Event und Job-Demonstration