Ausgabe 20_Frontend-Entwicklung

• Kapitel1 06:30Erste Schulstunde
• 1-1 Aufbau einer Front-End-Entwicklungsumgebung und Beachtung der Details 01
• 1-2 Aufbau einer Front-End-Entwicklungsumgebung und Beachtung der Details 02
• 1-3 Aufbau einer Front-End-Entwicklungsumgebung und Beachtung der Details 03
• 1-4 Ausführliche Erklärung häufig verwendeter Begriffe in der Webentwicklung 01
• 1-5 Ausführliche Erklärung häufig verwendeter Begriffe in der Webentwicklung 02
• 1-6 Ausführliche Erklärung häufig verwendeter Begriffe in der Webentwicklung 03
• Kapitel2 0701-html-Dekonstruktion und Emmet-Syntax
• 2-1 Detaillierte HTML-Seitenstruktur und Analyseprozess 01
• 2-2 Detaillierte HTML-Seitenstruktur und Analyseprozess 02
• 2-3 Detaillierte HTML-Seitenstruktur und Analyseprozess 03
• 2-4 Markdown-Syntax und Emmet-Syntax 01
• 2-5 Markdown-Syntax und Emmet-Syntax 02
• 2-6 Markdown-Syntax und Emmet-Syntax 03
• Kapitel3 0704-html allgemeine Tags und Anwendungsszenarien
• 3-1 Gemeinsame Attribute und Nutzungsszenarien 01
• 3-2 Gemeinsame Attribute und Nutzungsszenarien 02
• 3-3 Häufig verwendete Layout-Beschriftungen und Anwendungstipps
• 3-4 Kombinationsregeln für Bilder, Links und Listen
• 3-5 Detaillierte Techniken zum Zusammenführen von Tabellen und Zellen 01
• 3-6 Detaillierte Techniken zum Zusammenführen von Tabellen und Zellen 02
• Kapitel4 0705-Detailliertes Formular: Interaktiver Front-End- und Back-End-Datenträger
• 4-1 Beschreiben Sie Textfelder, Passwortfelder, Optionsfelder, Kontrollkästchen, Dropdown-Listen usw. 01
• 4-2 Beschreiben Sie Textfelder, Passwortfelder, Optionsfelder, Kontrollkästchen, Dropdown-Listen usw. 02
• 4-3 Beschreiben Sie Textfelder, Passwortfelder, Optionsfelder, Kontrollkästchen, Dropdown-Listen usw. 03
• 4-4 Ausführliche Erläuterung der Medien- und Rahmenelemente und Praxisbeispiele 01
• 4-5 Ausführliche Erklärung der Medien- und Rahmenelemente und Praxisbeispiele 02
• Kapitel5 0706-css gesunder Menschenverstand und Selektoren
• 5-1 CSS-Stilquelle, Priorität und Typ 01
• 5-2 Quelle im CSS-Stil, Priorität und Typ 02
• 5-3 Gemeinsame Selektoren und Anwendungsszenarien für die Gewichtsanalyse 01
• 5-4 Gängige Selektoren und Anwendungsszenarien für die Gewichtsanalyse 02
• 5-5 Gängige Selektoren und Anwendungsszenarien für die Gewichtsanalyse 03
• Kapitel6 0707-Pseudoklassen und Boxmodelle usw.
• 6-1 Detaillierte Analyse von Pseudoklassen und Anwendungsszenarien 01
• 6-2 Detaillierte Analyse von Pseudoklassen und Anwendungsszenarien 02
• 6-3 Detaillierte Analyse von Pseudoklassen und Anwendungsszenarien 03
• 6-4 Beschreiben Sie das Box-Modell und die gängigen Attributberechnungsmethoden im Detail 01
• 6-5 Beschreiben Sie das Boxmodell und die gängigen Methoden zur Attributberechnung im Detail 02
• Kapitel7 0708 – Gemeinsame CSS-Einheiten und Schriftartensymbole
• 7-1 Beschreiben Sie im Detail die allgemeinen Einheiten, die Sie über CSS-Layout 01 wissen müssen
• 7-2 Beschreiben Sie im Detail die allgemeinen Einheiten, die Sie über CSS-Layout 01 wissen müssen
• 7-3 Tabellenstile, Schriftsymbole, Medienabfragen 01
• 7-4 Tabellenstile, Schriftsymbole, Medienabfragen 02
• 7-5 Tabellenstile, Schriftsymbole, Medienabfragen 03
• Kapitel8 0711-Standardlayout und Positionierungslayout
• 8-1 Standardlayout und Etikettentyp 01
• 8-2 Standardlayout und Etikettentyp 02
• 8-3 Standardlayout und Etikettentyp 03
• 8-4 Relative, absolute, feste, klebrige Positionierungsprinzipien und Demonstrationen 01
• 8-5 Relative, absolute, feste, klebrige Positionierungsprinzipien und Demonstrationen 02
• 8-6 Relative, absolute, feste, klebrige Positionierungsprinzipien und Demonstrationen 03
• Kapitel9 0712-Positionierungsfälle und gemeinsame Eigenschaften von Flex und Grid
• 9-1 Positionierung kleiner Fälle: häufig verwendetes mehrspaltiges Layout 01
• 9-2 Positionierung kleiner Fälle: häufig verwendetes mehrspaltiges Layout 02
• 9-3 Ausführliche Erklärung von 6 Eigenschaften, die Sie über Flex-Container und Projekte kennen müssen 01
• 9-4 Ausführliche Erklärung von 6 Eigenschaften, die Sie über Flex-Container und Projekte kennen müssen 02
• 9-5 Ausführliche Erklärung von 6 Eigenschaften, die Sie über Flex-Container und Projekte kennen müssen 03
• Kapitel10 0713-Details zu allgemeinen Attributen des Rasterlayouts
• 10-1 Flex-Instanz- und Grid-Layout-Prozess und allgemeine Attribute 1-01
• 10-2 Flex-Instanz- und Grid-Layout-Prozess und allgemeine Attribute 1-02
• 10-3 Flex-Instanz- und Grid-Layout-Prozess und allgemeine Attribute 1-03
• 10-4 Allgemeine Eigenschaften von Rasterlayout-2-01
• 10-5 Allgemeine Eigenschaften von Rasterlayout-2-02
• Kapitel11 0714-Grid tatsächliche PHP-Homepage der chinesischen Website (Teil)
• 11-1 Grid implementiert den php.cn-Navigationsteil 01
• 11-2 Grid implementiert den php.cn-Navigationsteil 02
• 11-3 Grid implementiert den php.cn-Navigationsteil 03
• 11-4 Grid implementiert den Inhalt des Headers der php.cn-Homepage 01
• 11-5 Grid implementiert den Inhalt des Headers der php.cn-Homepage 02
• Kapitel12 0715-Layoutprinzipien für mobile Endgeräte und Beispielanalyse
• 12-1 Ausführliche Erläuterung der drei Hauptansichtsfenster und zwei Haupteinheiten des mobilen Terminals 01
• 12-2 Ausführliche Erläuterung der drei Hauptansichtsfenster und zwei Haupteinheiten des mobilen Terminals 02
• 12-3 Ausführliche Erläuterung der drei Hauptansichtsfenster und zwei Haupteinheiten des mobilen Terminals 03
• 12-4 Mobile Lösung für Schriftgrößengrenzen 01
• 12-5 Mobile Lösung für Schriftgrößengrenzen 02
• Kapitel13 0718 – Praxis für das Layout mobiler Endgeräte – Taobao-Homepage
• 13-1 Gesamtlayout und Header-Design des mobilen Endgeräts 01
• 13-2 Gesamtlayout und Header-Design des mobilen Endgeräts 02
• 13-3 Gesamtlayout und Header-Design des mobilen Endgeräts 03
• 13-4 Mobile Fußzeile und Textkörperdesign 01
• 13-5 Mobile Fußzeile und Textkörperdesign 02
• 13-6 Design der mobilen Fußzeile und des Hauptteils 03
• Kapitel14 0719-JS-Syntax- und Programmiergrundlagen 1
• 14-1 Daten- und Operationswiederverwendungstechnologie: Erstes Verständnis von Variablen und Funktionen 01
• 14-2 Technologie zur Wiederverwendung von Daten und Operationen: Erstes Verständnis von Variablen und Funktionen 02
• 14-3 Ausführliche Erläuterung von Geltungsbereich, Namensregeln und Funktionen 01
• 14-4 Ausführliche Erläuterung von Geltungsbereich, Namensregeln und Funktionen 02
• 14-5 Ausführliche Erläuterung von Geltungsbereich, Namensregeln und Funktionen 03
• Kapitel15 0720-Datentypen und Prozesssteuerung
• 15-1 Ausführliche Erläuterung der Datentypen (Wichtige Punkte) 01
• 15-2 Ausführliche Erläuterung der Datentypen (Wichtige Punkte) 02
• 15-3 Ausführliche Erläuterung der Datentypen (Wichtige Punkte) 03
• 15-4 Prozesssteuerung-Abteilung 01
• 15-5 Prozesskontrolle-Abteilung 02
• 15-6 Prozessregelkreis 01
• 15-7 Prozessregelkreis 02
• Kapitel16 0721-Funktions-/Objekt-/Vorlagenzeichenfolge
• 16-1 Vereinfachung von Funktionsparametern/Rückgabewerten/Objektliteralen 01
• 16-2 Vereinfachung von Funktionsparametern/Rückgabewerten/Objektliteralen 02
• 16-3 Template-Literale und Template-Funktionen/Details zu Abschlüssen und Anwendungen 01
• 16-4 Template-Literale und Template-Funktionen/Details zu Abschlüssen und Anwendungen 02
• 16-5 Template-Literale und Template-Funktionen/Details zu Abschlüssen und Anwendungen 03
• Kapitel17 0722-Konstruktor/Klasse/Destrukturierung
• 17-1 Accessor-Eigenschaften und Schnittstellenzuordnung 01
• 17-2 Accessor-Eigenschaften und Schnittstellenzuordnung 02
• 17-3 Detaillierte Erläuterung des Konstruktor- und Objektzugriffs 01
• 17-4 Detaillierte Erläuterung des Konstruktor- und Objektzugriffs 02
• 17-5 Die Klasse vereinfacht die Objekterstellung und den Zugriff auf verschiedene Mitglieder
• 17-6 Beschreiben Sie detailliert die Dekonstruktions- und Anwendungsszenarien von Arrays und Objekten
• Kapitel18 0725 – Allgemeine DOM-Operationen
• 18-1 JS01 im Browser
• 18-2 JS02 im Browser
• 18-3 Holen Sie sich DOM-Elemente elegant 01
• 18-4 Holen Sie sich DOM-Elemente elegant 02
• 18-5 Erhalten Sie Formulare und Kontrollen korrekt
• 18-6 Gemeinsame DOM-Traversal-API
• Kapitel19 0726-dom-Hinzufügen, Löschen, Ändern und CSS-Vorgang
• 19-1 DOM häufig verwendete Ergänzungen, Löschungen, Änderungen und Inhaltsoperationen 01
• 19-2 DOM häufig verwendete Ergänzungen, Löschungen, Änderungen und Inhaltsoperationen 02
• 19-3 DOM häufig verwendete Ergänzungen, Löschungen, Änderungen und Inhaltsoperationen 03
• 19-4 Aktuelle Kampf-/Dataset-/JS-CSS-Operationsmethode 01 des Message Boards
• 19-5 Aktuelle Kampf-/Dataset-/JS-CSS-Operationsmethode 02 des Message Boards
• 19-6 Aktuelle Kampf-/Dataset-/JS-CSS-Betriebsmethode des Message Boards 06
• Kapitel20 0727 – Erläutern Sie allgemeine APIs für Ereignisse und Arrays
• 20-1 Methode 01 zum Hinzufügen von ClassList-Objekten und -Ereignissen
• 20-2 ClassList-Objekt- und Ereignisadditionsmethode 02
• 20-3 ClassList-Objekt- und Ereignisadditionsmethode 03
• 20-4 Ereignisagent/Formularereignis/Zeichen gemeinsam api01
• 20-5 Ereignisagent/Formularereignis/Zeichen gemeinsam api02
• 20-6 Ereignisagent/Formularereignis/Zeichen gemeinsam api03
• Kapitel21 0728 – Klassische Fälle von häufig verwendeten APIs und Doms für Arrays
• 21-1 Array häufig verwendete API, verfeinerte Version 01
• 21-2 Array häufig verwendete API, verfeinerte Version 02
• 21-3 Array häufig verwendete API, verfeinerte Version 03
• 21-4 Praktisches klassisches Tab- und Karusselldiagramm 01
• 21-5 Praktisches klassisches Tab- und Karusselldiagramm 02
• 21-6 Praktisches klassisches Tab- und Karusselldiagramm 03
• Kapitel22 0729-Einkaufswagenpraxis und JSON
• 22-1 Klassische Warenkorb-Übung 01
• 22-2 Klassische Warenkorb-Übung 02
• 22-3 Klassische Warenkorb-Übung 03
• 22-4 Detaillierte Erläuterung der Front-End- und Back-End-Interaktionsprinzipien und der JSON-Datenkonvertierung 01
• 22-5 Detaillierte Erläuterung der Front-End- und Back-End-Interaktionsprinzipien und der JSON-Datenkonvertierung 02
• Kapitel23 0801-Asynchrone Programmierung und Modultechnik
• 23-1 Asynchrones XHR und Fetch01
• 23-2 Asynchrones XHR und Fetch02
• 23-3 Asynchrones XHR und Fetch03
• 23-4 Abrufoptimierung und Modul-Must-Know-Techniken 01
• 23-5 Fetch-Optimierung und Modul-Must-Know-Techniken 02
• 23-6 Abrufoptimierung und Modul-Must-Know-Techniken 03
• Kapitel24 0802 – Knotengrundlagen
• 24-1 Knoten, NPM-Kenntnisse und Paketinstallation 01
• 24-2 Knoten, NPM-Kenntnisse und Paketinstallation 02
• 24-3 Knoten, NPM-Kenntnisse und Paketinstallation 03
• 24-4 Allgemeine Anweisungen zur NPM-Paketverwaltung 01
• 24-5 Allgemeine Anweisungen zur NPM-Paketverwaltung 02
• Kapitel25 0803 – Grundlegende Syntax und allgemeine Anweisungen von Vue
• 25-1 Einführung in Vue und wichtige Begriffe 01
• 25-2 Einführung in Vue und wichtige Begriffe 02
• 25-3 Einführung in Vue und wichtige Begriffe 03
• 25-4 Stilbindung und Daten-Zwei-Wege-Bindung 01
• 25-5 Stilbindung und Daten-Zwei-Wege-Bindung 02
• 25-6 Stilbindung und Daten-Zwei-Wege-Bindung 03
• Kapitel26 0804-Vue allgemeine Anweisungen v-if, v-for und verschiedene Modifikatoren
• 26-1 Allgemeine Vue-Anweisungen v-if, v-for und verschiedene Modifikatoren 01
• 26-2 Allgemeine Vue-Anweisungen v-if, v-for und verschiedene Modifikatoren 02
• 26-3 Allgemeine Vue-Anweisungen v-if, v-for und verschiedene Modifikatoren 03
• 26-4 Berechnete Eigenschaften, Listener-Eigenschaften und Lebenszyklus vorläufig 01
• 26-5 Berechnete Eigenschaften, Hörereigenschaften und Lebenszyklus vorläufig 05
• Kapitel27 0805-Komponentenregistrierung und Kommunikation zwischen Komponenten
• 27-1 Komponentenregistrierung und Kommunikation zwischen Komponenten 01
• 27-2 Komponentenregistrierung und Kommunikation zwischen Komponenten 02
• 27-3 Komponentenregistrierung und Kommunikation zwischen Komponenten 03
• 27-4 Online-Fragen und Antworten/Zusammenfassung/Wissensaustausch usw. 01
• 27-5 Online-Fragen und Antworten/Zusammenfassung/Wissensaustausch usw. 02
• 27-6 Online-Fragen und Antworten/Zusammenfassung/Wissensaustausch usw. 03