Front-End-Grundlagen für den tatsächlichen Kampf (HTML5+CSS3+ES6+NPM)

• Kapitel1 Erste Schulstunde
• 1-1 Entwicklungsumgebung: vscode/chrome/phpEnv -1
• 1-2 Entwicklungsumgebung: vscode/chrome/phpEnv-2
• 1-3 Demonstration der allgemeinen Markdown-Syntax
• 1-4 Grundkenntnisse von HTTP und URL01
• 1-5 Grundkenntnisse von HTTP und URL02
• Kapitel2 Erklären Sie ausführlich die Grundlagen von HTML
• 2-1 Wiederholen Sie die wichtigsten Punkte der ersten Schulstunde 01
• 2-2 Wiederholen Sie die wichtigsten Punkte der ersten Schulstunde 02
• 2-3 Elemente, Tags und Attribute
• 2-4 HTML-Dokumentstruktur, Anzeigemodus und Elementtyp 01
• 2-5 HTML-Dokumentstruktur, Anzeigemodus und Elementtyp 02
• 2-6 Seite Sambo und Emmet Grammatikpraxis 01
• 2-7 Seite Sambo und Emmet Grammatikpraxis 02
• Kapitel3 Ausführliche Erklärung der HTML5-Must-Know-Tags-1
• 3-1 Vier Hauptattributtypen von HTML
• 3-2 Gemeinsame HTML-Element-Tags: Layoutklasse
• 3-3 Gängige HTML-Tags: Bilder, Links, Listen
• 3-4 Beschreiben Sie Tabellen und gemeinsame Attribute im Detail
• 3-5 Beschreiben Sie das Formular im Detail – <form>-Tag und Attribute
• Kapitel4 Detaillierte Beschreibung der Formularsteuerelemente
• 4-1 Häufig verwendete Formularsteuerelemente 1-1
• 4-2 Häufig verwendete Formularsteuerelemente 1-2
• 4-3 Häufig verwendete Formularsteuerelemente 1-3
• 4-4 Häufig verwendete Formularsteuerelemente 2-1
• 4-5 Häufig verwendete Formularsteuerelemente 2-2
• 4-6 Häufig verwendete Formularsteuerelemente 2-3
• Kapitel5 Weitere Tags und CSS-Grundlagen
• 5-1 Medien-Tags und <iframe>-Frame-Elemente 01
• 5-2 Medien-Tags und <iframe>-Frame-Elemente 02
• 5-3 CSS-Stilquelle und Priorität 01
• 5-4 CSS-Stilquelle und Priorität 02
• 5-5 Grundlegende CSS-Selektoren: Tags und Attribute
• Kapitel6 Ein genauerer Blick auf Selektorgewichte und Pseudoklassenselektoren
• 6-1 Was ist neu bei Kontextselektoren?
• 6-2 Beschreiben Sie das Wählergewicht im Detail (wichtige Punkte) 01
• 6-3 Beschreiben Sie das Wählergewicht im Detail (wichtige Punkte) 02
• 6-4 Detaillierte Beschreibung des Pseudoklassenstrukturselektors 01
• 6-5 Detaillierte Beschreibung des Pseudoklassenstrukturselektors 02
• Kapitel7 Pseudo-Klassen-Kampf- und Boxmodell
• 7-1 Staatliche Pseudoklassenprinzipien und praktische Fälle 01
• 7-2 Staatliche Pseudoklassenprinzipien und praktische Fälle 02
• 7-3 Staatliche Pseudoklassenprinzipien und praktische Fälle 03
• 7-4 Boxmodell und Kerneigenschaften Vorlesung 01
• 7-5 Boxmodell und Kerneigenschaften Vorlesung 02
• Kapitel8 Allgemeine CSS-Einheiten und Tabellenstile
• 8-1 Gängige CSS-Einheiten: px, em, rem
• 8-2 Gängige CSS-Einheiten: px, em, rem 02
• 8-3 Gängige CSS-Einheiten: px, em, rem 03
• 8-4 Gängige CSS-Einheiten: px, em, rem 04
• 8-5 CSS-Viewport-Einheit: VW, VH und Vorsichtsmaßnahmen 01
• 8-6 CSS-Ansichtsfenstereinheit: VW, VH und Vorsichtsmaßnahmen 02
• Kapitel9 Schriftsymbole, Medienabfragen und Positionierung
• 9-1 Schriftsymbol 01
• 9-2 Schriftsymbol 02
• 9-3 Medienanfragen 01
• 9-4 Medienanfragen 02
• 9-5 Positionierung: relatives, absolutes, festes Prinzip und Umsetzung 01
• 9-6 Positionierung: relatives, absolutes, festes Prinzip und Umsetzung 02
• Kapitel10 Ausführliche Erläuterung der Positionierungspraxis und der Flex-Layout-Attribute
• 10-1 Positionierungspraxis (modale Box) 01
• 10-2 Positionierungspraxis (modale Box) 02
• 10-3 Detaillierte Erläuterung der allgemeinen Eigenschaften von Flex Layout 01
• 10-4 Detaillierte Erläuterung der allgemeinen Eigenschaften von Flex Layout 02
• 10-5 Ausführliche Erläuterung der allgemeinen Eigenschaften von Flex-Layout 03
• Kapitel11 Flex-Praxis und allgemeine Eigenschaften des Rasterlayouts
• 11-1 Flex Practical Classic Navigation Design 01
• 11-2 Flex Practical Classic Navigation Design 02
• 11-3 Explizite Raster- und Projekteigenschaften des Rasters 01
• 11-4 Die expliziten Raster- und Elementeigenschaften des Rasters 02
• 11-5 Regeln für die Anordnung von Rasterelementen und implizites Raster
• 11-6 Ausrichtung von Rasterelementen
• 11-7 Rasterzeilen- und Spaltenlücken
• Kapitel12 Prinzipien und Praxis des Mobile-Terminal-Layouts
• 12-1 Unverzichtbare Terminologie und Implementierungsprinzipien für das Layout mobiler Endgeräte 01
• 12-2 Wichtige Terminologie und Implementierungsprinzipien für das Layout mobiler Endgeräte 02
• 12-3 Wichtige Terminologie und Implementierungsprinzipien für das Layout mobiler Endgeräte 03
• 12-4 Taobao Mobile Homepage: Header-Layout 01
• 12-5 Taobao Mobile Homepage: Header-Layout 02
• 12-6 Gesamtlayoutlösung für mobile Endgeräte (Ergänzungseintrag)
• Kapitel13 Taobao-Mobilterminal- und PC-Terminal-Layout
• 13-1 Mobiler Footer, Navigation und Hauptteil 01
• 13-2 Mobiler Footer, Navigation und Hauptteil 02
• 13-3 Mobiler Footer, Navigation und Hauptteil 03
• 13-4 Taobao PC-Terminal-Layout-Analyse und Layout-Framework-Implementierung 01
• 13-5 Taobao PC-Terminal-Layout-Analyse und Layout-Framework-Implementierung 02
• 13-6 Taobao PC-Terminal-Layout-Analyse und Layout-Framework-Implementierung 03
• 13-7 Taobao PC-Terminal-Layout-Analyse und Layout-Framework-Implementierung 04
• Kapitel14 JavaScript in Vergangenheit und Gegenwart sowie Codemitglieder
• 14-1 JS Vergangenheit und Gegenwart, Front-End-Entwicklungsgeschichte und Namenskonvention 01
• 14-2 JS Vergangenheit und Gegenwart, Front-End-Entwicklungsgeschichte und Namenskonventionen 02
• 14-3 JS Vergangenheit und Gegenwart, Front-End-Entwicklungsgeschichte und Namenskonvention 03
• 14-4 Beschreiben Sie Konsole, Variablen, Konstanten und Funktionstypen im Detail 01
• 14-5 Beschreiben Sie Konsole, Variablen, Konstanten und Funktionstypen im Detail 02
• 14-6 Beschreiben Sie Konsole, Variablen, Konstanten und Funktionstypen im Detail 03
• Kapitel15 Beschreiben Sie Datentypen und Prozesssteuerung im Detail
• 15-1 Beschreiben Sie Datentypen und Anwendungsszenarien im Detail 01
• 15-2 Beschreiben Sie Datentypen und Anwendungsszenarien im Detail 02
• 15-3 Beschreiben Sie Datentypen und Anwendungsszenarien im Detail 03
• 15-4 Umfang, Objektliteralvereinfachung und Zweigstruktur-Enzyklopädie 01
• 15-5 Umfang, Objektliteralvereinfachung und Zweigstruktur-Enzyklopädie 02
• Kapitel16 Schleifen, Vorlagenfunktionen, Destrukturierung und Zugriffsfunktionen
• 16-1 Ausführliche Erläuterung von Schleifen, Funktionsparametern und Rückgabewerten 01
• 16-2 Ausführliche Erläuterung von Schleifen, Funktionsparametern und Rückgabewerten 02
• 16-3 Ausführliche Erläuterung von Schleifen, Funktionsparametern und Rückgabewerten 03
• 16-4 Template-Funktionen, Destrukturierung und Accessor-Eigenschaften 01
• 16-5 Template-Funktionen, Destrukturierung und Accessor-Eigenschaften 02
• 16-6 Template-Funktionen, Destrukturierung und Accessor-Eigenschaften 03
• Kapitel17 Umfassende Liste häufig verwendeter APIs für Klassen, Objekte, Strings und Arrays
• 17-1 Detaillierte Erläuterung des Konstruktors und der Klasse 01
• 17-2 Ausführliche Erläuterung der Konstruktoren und Klassen 02
• 17-3 Detaillierte Erläuterung des Konstruktors und der Klasse 03
• 17-4 Häufig verwendete APIs für Strings und Arrays 01
• 17-5 Gemeinsame APIs für Strings und Arrays 02
• 17-6 Häufig verwendete APIs für Strings und Arrays 03
• Kapitel18 Allgemeine DOM-Operationen
• 18-1 Häufig verwendete APIs für Array-Hinzufügungs- und -Löschvorgänge
• 18-2 Browser JS und wie man DOM-Elemente erhält 01
• 18-3 Browser JS und wie man DOM-Elemente erhält 02
• 18-4 Formularelemente abrufen und den DOM-Baum durchqueren 01
• 18-5 Formularelemente abrufen und den DOM-Baum durchqueren 02
• Kapitel19 API zum Hinzufügen, Löschen und Ändern von DOM und tatsächlicher Kampf
• 19-1 Eine vollständige Liste häufig verwendeter APIs zum Hinzufügen, Löschen und Ändern von DOM 01
• 19-2 Eine vollständige Liste häufig verwendeter APIs zum Hinzufügen, Löschen und Ändern von DOM 02
• 19-3 Eine vollständige Liste häufig verwendeter APIs zum Hinzufügen, Löschen und Ändern von DOM 03
• 19-4 DOM praktisches todoList Message Board 01
• 19-5 DOM praktisches todoList Message Board 02
• 19-6 Datensatzobjekt und CSS-berechnete Stile
• Kapitel20 Beschreiben Sie Ereignisse und Ereignisobjekte im Detail
• 20-1 classList betreibt die Elementklasse
• 20-2 Häufig verwendete Ereignishinzufügungen und -löschungen 01
• 20-3 Häufig verwendete Ereignisse hinzufügen und löschen 02
• 20-4 Event-Bubbling, Event-Delegation und Form-Events 01
• 20-5 Event-Bubbling, Event-Delegation und Form-Events 02
• Kapitel21 Beschreiben Sie Modulanwendungsszenarien und modulare Tab-Praxis im Detail
• 21-1 Beschreiben Sie ausführlich die allgemeine Syntax und die Verwendungsszenarien des Modulexports/Exports 01
• 21-2 Beschreiben Sie ausführlich die allgemeine Syntax und die Verwendungsszenarien des Modulexports/Exports 02
• 21-3 Beschreiben Sie ausführlich die allgemeine Syntax und die Verwendungsszenarien des Modulexports/Exports 03
• 21-4 Praktischer Kampf: Registerkarte „Klassisch“ (komplett mithilfe von Modulen implementiert) Wichtig 01
• 21-5 Praktischer Kampf: Classic-Tab (komplett mit Modulen umgesetzt) ​​Wichtig 02
• 21-6 Praktischer Kampf: Classic-Tab (komplett mit Modulen umgesetzt) ​​Wichtig 03
• Kapitel22 Klassische Karusselldiagramm-Praxis und JSON
• 22-1 Klassische Karusselldiagramm-Übung (Modulversion/Wichtige Punkte) 01
• 22-2 Klassisches Karusselldiagramm in der Praxis (Modulversion/Wichtige Punkte) 02
• 22-3 Klassisches Karusselldiagramm in der Praxis (Modulversion/Wichtige Punkte) 03
• 22-4 Klassisches Karusselldiagramm in der Praxis (Modulversion/Wichtige Punkte) 04
• 22-5 JSON und gängige APIs
• Kapitel23 Warenkorbpraxis und domänenübergreifende Anforderungspraxis
• 23-1 Warenkorb-Übung (Modul/Multifunktion) 01
• 23-2 Warenkorb-Übung (Modul/Multifunktion) 02
• 23-3 Warenkorb-Übung (Modul/Multifunktion) 03
• 23-4 Lösung für domänenübergreifende Anfragen (am Beispiel von JSONP) 01
• 23-5 Lösung für domänenübergreifende Anfragen (am Beispiel von JSONP) 02
• Kapitel24 Asynchrone Programmierung und Abruf-API
• 24-1 Asynchrone Prinzipien und traditionelles XHR 01
• 24-2 Asynchrone Prinzipien und traditionelles XHR 02
• 24-3 Asynchrone Prinzipien und traditionelles XHR 03
• 24-4 Abrufen und Asynchronisieren, Warten, CPS usw. 01
• 24-5 Abrufen und Asynchronisieren, Warten, CPS usw. 02
• Kapitel25 Node.js-Grundlagen und NPM
• 25-1 Einführung in häufige Fälle von Abruf 01
• 25-2 Einführung in häufige Fälle von Fetch 02
• 25-3 Einführung in allgemeine Node-Module und allgemeine NPM-Anweisungen 01
• 25-4 Einführung in allgemeine Node-Module und allgemeine NPM-Anweisungen 02
• 25-5 Einführung in allgemeine Node-Module und allgemeine NPM-Anweisungen 03
• Kapitel26 Vue-Terminologie und allgemeine Anweisungen
• 26-1 Einführung in Vue und Referenzmethoden 01
• 26-2 Einführung in Vue und Referenzmethoden 02
• 26-3 Einführung in Vue und Referenzmethoden 03
• 26-4 Einführung in allgemeine Begriffe und Anweisungen in vue 01
• 26-5 Einführung in allgemeine Begriffe und Anweisungen in vue 02
• 26-6 Einführung in allgemeine Begriffe und Anweisungen in vue 03
• Kapitel27 Listen- und bedingtes Rendering, berechnete/Listening-Eigenschaften usw.
• 27-1 Ereignis/Ereignismodifikator/Listenwiedergaberichtlinie 01
• 27-2 Ereignis/Ereignismodifikator/Listenwiedergaberichtlinie 02
• 27-3 Ereignis/Ereignismodifikator/Listenwiedergaberichtlinie 03
• 27-4 Bedingtes Rendering und Tastaturmodifikator todolist
• Kapitel28 Berechnete Eigenschaften kommunizieren mit Komponenten und Komponenten
• 28-1 Berechnete Eigenschaften, Prinzipien und Praxis der Hörereigenschaften 01
• 28-2 Berechnete Eigenschaften, Prinzipien und Praxis der Hörereigenschaften 02
• 28-3 Berechnete Eigenschaften, Prinzipien und Praxis der Hörereigenschaften 03
• 28-4 Definition von Komponenten und Kommunikationsprinzipien zwischen Komponenten 01
• 28-5 Definition von Komponenten und Kommunikationsprinzipien zwischen Komponenten 02
• 28-6 Definition von Komponenten und Kommunikationsprinzipien zwischen Komponenten 03
• Kapitel29 Front-End-Überprüfung und Zusammenfassung
• 29-1 Zusammenfassung der HTML-Wissenspunkte 01
• 29-2 HTML-Zusammenfassung der Wissenspunkte 02
• 29-3 Zusammenfassung der HTML-Wissenspunkte 03
• 29-4 Zusammenfassung der CSS- und JS-Wissenspunkte 01
• 29-5 Zusammenfassung der CSS- und JS-Wissenspunkte 02