Installieren Sie den Editor VScode

Installieren Sie Chrome. Google Chrome

Installation und Verwendung des universellen VScode-Plug-Ins

VScode-Markdown- und Schriftarteneinstellungen

Markdown-Grammatikregeln

HTTP-Grundlagen

Analyse gängiger Begriffe in der Webentwicklung

HTML-Dokumentstruktur

Einzeletikett und Doppeletikett

Praktische Seitenanzeige im Frontend

Verwendung des Live Server-Plug-Ins

Beziehung zwischen Client und lokalem Server

Schreiben Sie Markdown-Dokumente

Symbol für benutzerdefinierte vscode-Datei

Lassen Sie den Code fliegen – Emmet-Syntax

Allgemeine HTML-Attribute und Standardattribute

HTML-Ereignisattribute und benutzerdefinierte Attribute

Häufig verwendete semantische Layout-Tags

Image-Link-List-Tag

Implementieren Sie Grafik- und Textlisten sowie Navigation

Ausführliche Erläuterung der HTML-Tabellen

Dateninteraktion in mittlerer Form

Formular-HTTP-POST-Übermittlung

Blenden Sie das Formularpasswortfeld ein und aus

Radio-Radio-Button

KontrollkästchenKontrollkästchen

Dropdown-Menü zur Formularsteuerung

Typ der Formularschaltfläche

Das iframe-Inline-Element lädt die Baidu-Karte

Video-Tag lädt Douyin-Kurzvideo

Eine kleine praktische Erfahrung mit Inline-Frames – Aufbau einer schlanken Backend-Homepage

CSS-Programmierziele

Interpretieren Sie Elementstilquellen

Problem mit Stilreferenzpriorität

Stilvererbung

Vollständige Erläuterung der grundlegenden Selektoren

Ebenenauswahl

Detaillierte Analyse des Gewichts von Selektoren

Struktureller Pseudoklassenselektor

Pseudoklassenselektorparameter

Schnelles Matching von Pseudoklassen

Bilden Sie eine Pseudoklasse

Verwendung von Schriftsymbolen

Layoutartefakt – Boxmodell

CSS-Layout-Einheit

Viewport-Einheiten vh-vw

Häufig verwendete Tabellenstile (Pseudoklassen)

Medienabfrage – mobile Layoutanpassung

Positionierungs- und Positionierungselemente

Melden Sie sich bei der Positionierungspraxis für modale Boxen an

Flex flexibles Layout – Container

Eigenschaften im Flex-Container

Flex-Elementeigenschaften

Ansichtsfenster (Layout-Ansichtsfenster, visuelles Ansichtsfenster, ideales Ansichtsfenster)

Mobile Layout-Lösung (rem+vw)

Grid-Container-Eigenschaften und Projekteigenschaften

Erweitertes Gameplay mit Rasterlayout

Grid implementiert das Holy Grail-Layout

Benutzerdefinierte Rasterlayoutkomponente

Praktischer Koffer mit Rasterlayout

Installieren Sie Node.js, um JavaScript-Skripte auszuführen

Mitglieder im Code- und Programmausführungsfluss

Wiederverwendung von Variablen (Daten) und Codeblöcken (Programmen)

Eine kurze Analyse der JavaScript-Funktionen

JavaScript-Bereich und Bereichskette

JavaScript-Konstanten

Benennungskonvention für Bezeichner

Wie anonyme Funktionen ausgeführt werden

Pfeilfunktionen und Nutzungsszenarien

...Klassische Verwendung von Restparametern

Rückgabewert der Funktion

JS-Datentyp – Array

JS-Objekt – Kapselung von Daten und Methoden

Versteckte Identität und Verwendung von JS-Funktionen

Prozesssteuerung – Einzelzweig und Doppelzweig

Schalter für mehrzweigige Prozesssteuerung

while-Eintragstyp-Beurteilungsschleife

for、for-of、for-in循环

Ein vereinfachter Ansatz für Objektliterale

Vorlagenliterale und Vorlagenfunktionen

Abschluss: Teilfunktion implementiert Datenpartitionierung

JS reine Funktion

JS-Accessor-Eigenschaften

JS-Klassen und -Objekte

Klassenvererbung (Erweiterung)

Verwenden von Accessor-Eigenschaften in JS-Klassen

Destrukturierungsaufgabe – Array-Destrukturierung und Objekt-Destrukturierung

JS im Browser

DOM-Elemente abrufen und bearbeiten

Holen Sie sich DOM-Formularelemente

Durchqueren Sie den DOM-Baum

Operationen für DOM-Elemente hinzufügen, löschen und ändern

Inhalt des JS-Operationselements

DOM-Betriebspraxis: Message Board

Benutzerdefinierte Eigenschaften – Datensatzobjekt

JS-Operationsklassenattribut – classList-Objekt

Ereignisse hinzufügen und löschen

Event-Bubbling und Event-Delegation

Zusammenfassung der Formularereignisse

JS-Laufmechanismus: Einzelthread + Zeitschleife

Single-Threaded-Asynchron-Demo

Häufig verwendete APIs in Strings

Eine vollständige Sammlung von JS-Array-Operationen (Pop-, Push-, Unshift-, Lösch- und Shift-Methoden)

Array-Iterations- und Traversal-Methoden

Array-Trennung, Umkehrung, Spleiß- und Aktualisierungsvorgänge

Native JS in Aktion: Tabs

Praktischer Kampf: Automatische Berechnung der Warenkorbpositionen

Veröffentlichung und Abonnement von Veranstaltungen

Praktischer Kampf: 15 Codezeilen zur Implementierung eines Karusselldiagramms

Praktischer Kampf: Lazy Loading

Praktischer Kampf: Responsiver Webalbum-Manager

Detaillierte Erklärung von JSON in JS

ajax-xhr asynchrone Datenabfrage

Das vergangene und gegenwärtige Leben von Promise

Versprechen: bis zur Erfüllung abgelehnt

Lösen Sie je nach Versprechenstatus unterschiedliche Rückrufe aus

API abrufen

Modulare JS-Entwicklung

Knotengrundlagen

Der Knotenbefehl führt das JS-Skript aus

npm-Befehl zum Installieren und Löschen von Projektabhängigkeiten

npm installiert globale Abhängigkeitspakete

Regeln für die Paketversionsnummer

Überprüfung und Aktualisierung der Paketversion

Installation und Synchronisierung des Knoten-Plug-Ins

Das zugrunde liegende CPS-Prinzip des Entwurfsmusters in Ndoe

Detaillierte Erläuterung der Nodejs-seitigen modularen CommomJS-Spezifikation

Detaillierte Erläuterung des http-Moduls von Nodejs

NodeJS-Dateimodul

NodeJS-Pfadmodul

Implementierungsprinzip der Git-Versionskontrolle

Initialisierung des lokalen Git-Warehouses

Git-Code-Übermittlungsprozess

Git-Checkout-Datei wiederherstellen

Konfigurieren Sie das zugehörige Remote-Warehouse

Tutorial zur Git-SSH-Konfiguration

Zusammenfassung gängiger Git-Befehle

vue erstellt dynamische Seiten

Mount-Punkte, Vue-Instanzen, Dateninjektion, Reaktionsfähigkeit

Verwendung der V-Text-V-HTML-V-Once-Direktive

Verschiedene Arten, dynamische Vue-Bindungsstile zu schreiben

Zwei-Wege-verzögerte Bindung der Vue-Eingabe

Vue-Ereignisbindung

v-für Listenwiedergabe

Vue bedingtes Rendering

Vue-Tastaturmodifikatoren

Von Vue berechnete Eigenschaften implementieren die Warenkorbfunktion

Vue Watch-Datenüberwachung

Registrieren Sie die globale Vue-Komponente

Die untergeordnete Komponente empfängt Daten von der übergeordneten Komponente

Hören Sie auf Ereignisse von untergeordneten Komponenten