JavaScript-Programmierkenntnisse und -praxis

• Kapitel1 JavaScript-Variablendeklaration und Flusskontrolle
• 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
• Kapitel2 JS-Funktionen höherer Ordnung und Objektdurchquerung
• 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
• Kapitel3 Spielen Sie mit JS-Array-Operationsmethoden
• 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
• Kapitel4 Die Stücklistenoperation implementiert den JS-Timer
• 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
• Kapitel5 DOM-Manipulation zur Implementierung dynamischer Tabs
• 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
• Kapitel6 Navigations- und Animationseinstellungen für DOM-Knoten
• 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
• Kapitel7 Event-Bubbling und Minispiel-Implementierung mit Maus und Tastatur
• 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