1-1 Wissenschaftliche Speichermethode für viele Attribute von HTML-CSS

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

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

1-4 Was ist Javascript und seine Entwicklungsgeschichte?

1-5 Drei Referenzmethoden in Javascript

1-6 Was sind die Ausgabemethoden von Javascript?

1-7 Grundlegende Javascript-Syntax

1-8 JavaScript-Variablendeklaration und Namenskonvention

1-9 Konvertierung des JavaScript-Variablentyps

1-10 Eine kurze Analyse der Verwendung von Javascript-Operatoren

1-11 Javascript-Flusskontrollstruktur

2-1 Die Verwendung einer verschachtelten Struktur mit While-Schleife

2-2 for-Schleife implementiert die Multiplikationstabelle

2-3 Verwendung von Break- und Continue-Anweisungen

2-4 Deklaration der benutzerdefinierten js-Funktion

2-5 Parameter der js-Funktion und ihre Funktionen

2-6 Rückgabewert der JS-Funktion

2-7 Verwendung von Funktionsvariablenparametern

2-8 js Rückruffunktion für Funktionen höherer Ordnung

2-9 js-Funktion höherer Ordnung, anonyme Funktion

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

2-11 Erstellen Sie Objekte mit new Object()

2-12 Analysieren Sie dieses Objekt in js

2-13 Schleifendurchlauf von js-Objekten

2-14 Deklarieren Sie JS-Objekte im Literalmodus

2-15 js-Array-bezogene Vorgänge

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

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

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

3-4 js-Array-Operationsmethode

3-5 js-System-Sortieralgorithmus

3-6 js-Array-Iterationsverarbeitungsmethode

3-7 js-String-Operationsmethode

3-8 js numerische Methoden und Eigenschaften

3-9 js-Mathe-Objektmethoden

3-10 Datumsmethode – Kalenderfunktion implementieren

3-11 js allgemeine Ereignistypen

4-1 js-Ausnahmebehandlung

4-2 Stücklisten-Browser-Objektmodell

4-3 Stücklistenkern – Fensterobjekt

4-4 Ereignis zum Laden von Fensterinhalten

4-5 Mitgliedseigenschaften des Fensterobjekts

4-6 Fensterobjekt-Fensterbetriebsmethode

4-7 js-Timer

4-8 Mehrere Timer löschen

4-9 Anwendung des window.screen-Objekts

4-10 Das window.location-Objekt implementiert einen Seitensprung

4-11 Anwendung des window.history-Objekts

4-12 Anwendung des js-Cookie-Operationsobjekts

4-13 js localStorage-Client-Datenspeicherung

4-14 Zusammenfassung der Hausaufgaben und Zusammenfassung dieses Kapitels

5-1 Der Ursprung des DOM-Dokumentobjektmodells

5-2 Assoziation und Konvertierung zwischen JS und HTML

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

5-4 DOM-Attributmitglieder und Dokumentenfluss

5-5 Rufen Sie ein Objekt über den Sammlungsvorgang des Dokuments ab

5-6 Inhalt des Modelloperationselements

5-7 Modelloperationselementattribute

5-8 js implementiert Batch-Hinzufügen von Selektoren

5-9 js implementiert dynamische Tabs

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

5-11 Zusammenfassung der Hausaufgaben

6-1 Holen Sie sich Objekt-1 über das Klassennamensattribut

6-2 Objekt anhand des Klassennamens Attribut-2 abrufen

6-3 Finden Sie HTML-Elemente mit der Methode querySelectorAll()

6-4 HTML-DOM-Navigation

6-5 Knoteneigenschaften

6-6 Navigieren Sie zwischen Knoten

6-7 So kapseln Sie eine Knotensammlung und erhalten sie

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

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

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

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

6-12 DOM-Animationseinstellungen

7-1 Kursrückblick und Ausblick (Wichtige Punkte)

7-2 Die Beziehung zwischen Ereignisquelle, Ereignisobjekt und Ereignishandler

7-3 Drei Möglichkeiten, Ereignisse zu Elementen hinzuzufügen

7-4 Parsen von Ereignisobjekten

7-5 Eigenschaften von Ereignisobjekten – Ereignissprudeln

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

7-7 Simulieren Sie das Mausziehereignis 01

7-8 Simulieren Sie das Mausziehereignis 02

7-9 Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 01

7-10 Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 02

7-11 Tastaturereignisse – Implementierung des Tastaturassistenten-Minispiels 03

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

7-13 Ereignisse und Methoden im Zusammenhang mit DOM-Formularen

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