Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]

• Kapitel1 Entwicklungsumgebung
• 1-1 Installieren Sie den Editor VScode
• 1-2 Installieren Sie Chrome. Google Chrome
• 1-3 Installation und Verwendung des universellen VScode-Plug-Ins
• 1-4 VScode-Markdown- und Schriftarteneinstellungen
• 1-5 Markdown-Grammatikregeln
• 1-6 HTTP-Grundlagen
• 1-7 Analyse gängiger Begriffe in der Webentwicklung
• 1-8 HTML-Dokumentstruktur
• 1-9 Einzeletikett und Doppeletikett
• 1-10 Praktische Seitenanzeige im Frontend
• Kapitel2 Konfiguration der Entwicklungsumgebung und allgemeine HTML-Tags
• 2-1 Verwendung des Live Server-Plug-Ins
• 2-2 Beziehung zwischen Client und lokalem Server
• 2-3 Schreiben Sie Markdown-Dokumente
• 2-4 Symbol für benutzerdefinierte vscode-Datei
• 2-5 Lassen Sie den Code fliegen – Emmet-Syntax
• 2-6 Allgemeine HTML-Attribute und Standardattribute
• 2-7 HTML-Ereignisattribute und benutzerdefinierte Attribute
• 2-8 Häufig verwendete semantische Layout-Tags
• Kapitel3 Einführung in gängige HTML-Tags
• 3-1 Image-Link-List-Tag
• 3-2 Implementieren Sie Grafik- und Textlisten sowie Navigation
• 3-3 Ausführliche Erläuterung der HTML-Tabellen
• 3-4 Dateninteraktion in mittlerer Form
• 3-5 Formular-HTTP-POST-Übermittlung
• 3-6 Blenden Sie das Formularpasswortfeld ein und aus
• 3-7 Radio-Radio-Button
• 3-8 KontrollkästchenKontrollkästchen
• 3-9 Dropdown-Menü zur Formularsteuerung
• 3-10 Typ der Formularschaltfläche
• 3-11 Das iframe-Inline-Element lädt die Baidu-Karte
• 3-12 Video-Tag lädt Douyin-Kurzvideo
• 3-13 Eine kleine praktische Erfahrung mit Inline-Frames – Aufbau einer schlanken Backend-Homepage
• Kapitel4 Quellen und Selektoren im CSS-Stil
• 4-1 CSS-Programmierziele
• 4-2 Interpretieren Sie Elementstilquellen
• 4-3 Problem mit Stilreferenzpriorität
• 4-4 Stilvererbung
• 4-5 Vollständige Erläuterung der grundlegenden Selektoren
• 4-6 Ebenenauswahl
• 4-7 Detaillierte Analyse des Gewichts von Selektoren
• Kapitel5 Beschreiben Sie Pseudoklassen, Boxmodelle und responsives Layout im Detail
• 5-1 Struktureller Pseudoklassenselektor
• 5-2 Pseudoklassenselektorparameter
• 5-3 Schnelles Matching von Pseudoklassen
• 5-4 Bilden Sie eine Pseudoklasse
• 5-5 Verwendung von Schriftsymbolen
• 5-6 Layoutartefakt – Boxmodell
• 5-7 CSS-Layout-Einheit
• 5-8 Viewport-Einheiten vh-vw
• 5-9 Häufig verwendete Tabellenstile (Pseudoklassen)
• Kapitel6 Medienabfragen, Positionierung und Flex, Raster
• 6-1 Medienabfrage – mobile Layoutanpassung
• 6-2 Positionierungs- und Positionierungselemente
• 6-3 Melden Sie sich bei der Positionierungspraxis für modale Boxen an
• 6-4 Flex flexibles Layout – Container
• 6-5 Eigenschaften im Flex-Container
• 6-6 Flex-Elementeigenschaften
• Kapitel7 Mobile Layout-Prinzipien und Grid-Layout
• 7-1 Ansichtsfenster (Layout-Ansichtsfenster, visuelles Ansichtsfenster, ideales Ansichtsfenster)
• 7-2 Mobile Layout-Lösung (rem+vw)
• 7-3 Grid-Container-Eigenschaften und Projekteigenschaften
• 7-4 Erweitertes Gameplay mit Rasterlayout
• 7-5 Grid implementiert das Holy Grail-Layout
• 7-6 Benutzerdefinierte Rasterlayoutkomponente
• 7-7 Praktischer Koffer mit Rasterlayout
• Kapitel8 Effiziente JavaScript-Entwicklungsumgebung und neue Programmiergrundlage
• 8-1 Installieren Sie Node.js, um JavaScript-Skripte auszuführen
• 8-2 Mitglieder im Code- und Programmausführungsfluss
• 8-3 Wiederverwendung von Variablen (Daten) und Codeblöcken (Programmen)
• 8-4 Eine kurze Analyse der JavaScript-Funktionen
• 8-5 JavaScript-Bereich und Bereichskette
• 8-6 JavaScript-Konstanten
• 8-7 Benennungskonvention für Bezeichner
• Kapitel9 Beschreiben Sie Funktionen und Datentypen im Detail
• 9-1 Wie anonyme Funktionen ausgeführt werden
• 9-2 Pfeilfunktionen und Nutzungsszenarien
• 9-3 ...Klassische Verwendung von Restparametern
• 9-4 Rückgabewert der Funktion
• 9-5 JS-Datentyp – Array
• 9-6 JS-Objekt – Kapselung von Daten und Methoden
• 9-7 Versteckte Identität und Verwendung von JS-Funktionen
• Kapitel10 Prozesssteuerung und Vorlagenliterale
• 10-1 Prozesssteuerung – Einzelzweig und Doppelzweig
• 10-2 Schalter für mehrzweigige Prozesssteuerung
• 10-3 while-Eintragstyp-Beurteilungsschleife
• 10-4 for、for-of、for-in循环
• 10-5 Ein vereinfachter Ansatz für Objektliterale
• 10-6 Vorlagenliterale und Vorlagenfunktionen
• Kapitel11 Abschlüsse/Klassen und Objekte/Destrukturierung/Browser JS
• 11-1 Abschluss: Teilfunktion implementiert Datenpartitionierung
• 11-2 JS reine Funktion
• 11-3 JS-Accessor-Eigenschaften
• 11-4 JS-Klassen und -Objekte
• 11-5 Klassenvererbung (Erweiterung)
• 11-6 Verwenden von Accessor-Eigenschaften in JS-Klassen
• 11-7 Destrukturierungsaufgabe – Array-Destrukturierung und Objekt-Destrukturierung
• 11-8 JS im Browser
• 11-9 DOM-Elemente abrufen und bearbeiten
• Kapitel12 DOM tatsächliche Kämpfe und Ereignisse
• 12-1 Holen Sie sich DOM-Formularelemente
• 12-2 Durchqueren Sie den DOM-Baum
• 12-3 Operationen für DOM-Elemente hinzufügen, löschen und ändern
• 12-4 Inhalt des JS-Operationselements
• 12-5 DOM-Betriebspraxis: Message Board
• 12-6 Benutzerdefinierte Eigenschaften – Datensatzobjekt
• 12-7 JS-Operationsklassenattribut – classList-Objekt
• 12-8 Ereignisse hinzufügen und löschen
• Kapitel13 JS-Betriebsmechanismus und gemeinsame APIs für Strings und Arrays
• 13-1 Event-Bubbling und Event-Delegation
• 13-2 Zusammenfassung der Formularereignisse
• 13-3 JS-Laufmechanismus: Einzelthread + Zeitschleife
• 13-4 Single-Threaded-Asynchron-Demo
• 13-5 Häufig verwendete APIs in Strings
• 13-6 Eine vollständige Sammlung von JS-Array-Operationen (Pop-, Push-, Unshift-, Lösch- und Shift-Methoden)
• 13-7 Array-Iterations- und Traversal-Methoden
• 13-8 Array-Trennung, Umkehrung, Spleiß- und Aktualisierungsvorgänge
• Kapitel14 JS klassischer Kampf
• 14-1 Native JS in Aktion: Tabs
• 14-2 Praktischer Kampf: Automatische Berechnung der Warenkorbpositionen
• 14-3 Veröffentlichung und Abonnement von Veranstaltungen
• 14-4 Praktischer Kampf: 15 Codezeilen zur Implementierung eines Karusselldiagramms
• 14-5 Praktischer Kampf: Lazy Loading
• 14-6 Praktischer Kampf: Responsiver Webalbum-Manager
• Kapitel15 JSON, Promise und Modul gesunder Menschenverstand
• 15-1 Detaillierte Erklärung von JSON in JS
• 15-2 ajax-xhr asynchrone Datenabfrage
• 15-3 Das vergangene und gegenwärtige Leben von Promise
• 15-4 Versprechen: bis zur Erfüllung abgelehnt
• 15-5 Lösen Sie je nach Versprechenstatus unterschiedliche Rückrufe aus
• 15-6 API abrufen
• 15-7 Modulare JS-Entwicklung
• Kapitel16 Online-Fotoalbum-Manager-Übungen und Node-Grundlagen
• 16-1 Knotengrundlagen
• 16-2 Der Knotenbefehl führt das JS-Skript aus
• 16-3 npm-Befehl zum Installieren und Löschen von Projektabhängigkeiten
• 16-4 npm installiert globale Abhängigkeitspakete
• 16-5 Regeln für die Paketversionsnummer
• 16-6 Überprüfung und Aktualisierung der Paketversion
• Kapitel17 Funktionsprinzip des Knotens und Einführung in gängige Module
• 17-1 Installation und Synchronisierung des Knoten-Plug-Ins
• 17-2 Das zugrunde liegende CPS-Prinzip des Entwurfsmusters in Ndoe
• 17-3 Detaillierte Erläuterung der Nodejs-seitigen modularen CommomJS-Spezifikation
• 17-4 Detaillierte Erläuterung des http-Moduls von Nodejs
• 17-5 NodeJS-Dateimodul
• 17-6 NodeJS-Pfadmodul
• Kapitel18 Git-verteilte Versionskontrolle
• 18-1 Implementierungsprinzip der Git-Versionskontrolle
• 18-2 Initialisierung des lokalen Git-Warehouses
• 18-3 Git-Code-Übermittlungsprozess
• 18-4 Git-Checkout-Datei wiederherstellen
• 18-5 Konfigurieren Sie das zugehörige Remote-Warehouse
• 18-6 Tutorial zur Git-SSH-Konfiguration
• 18-7 Zusammenfassung gängiger Git-Befehle
• Kapitel19 Vue-Prinzipien und allgemeine Anweisungen
• 19-1 vue erstellt dynamische Seiten
• 19-2 Mount-Punkte, Vue-Instanzen, Dateninjektion, Reaktionsfähigkeit
• 19-3 Verwendung der V-Text-V-HTML-V-Once-Direktive
• 19-4 Verschiedene Arten, dynamische Vue-Bindungsstile zu schreiben
• 19-5 Zwei-Wege-verzögerte Bindung der Vue-Eingabe
• Kapitel20 Ereignisse, Listendarstellung und Komponentenkommunikation
• 20-1 Vue-Ereignisbindung
• 20-2 v-für Listenwiedergabe
• 20-3 Vue bedingtes Rendering
• 20-4 Vue-Tastaturmodifikatoren
• 20-5 Von Vue berechnete Eigenschaften implementieren die Warenkorbfunktion
• 20-6 Vue Watch-Datenüberwachung
• 20-7 Registrieren Sie die globale Vue-Komponente
• 20-8 Die untergeordnete Komponente empfängt Daten von der übergeordneten Komponente
• 20-9 Hören Sie auf Ereignisse von untergeordneten Komponenten