Einführung in HTML5

Grundlegende Verwendung von vscode

Installation des vscode-Plug-ins

Was ist HTML5?

Neue HTML5-Tags

Multimedia-Audio-Tags

Multimedia-Video-Tags

HTML5 neues Eingabe-Tag

Neue HTML5-Formularattribute

HTML5-Zusammenfassung

Einführung in CSS3

CSS3-Attributauswahl (oben)

CSS3-Attributselektor (unten)

CSS3-Struktur-Pseudoklassenselektor (Teil 1)

n-tes Kind(n)

Der Unterschied zwischen nth-child und nth-of-type

Zusammenfassung der Struktur-Pseudoklassenselektoren

CSS3-Pseudoelementselektor

Fall eines Pseudoelementselektors

2D-Konvertierung: übersetzen

Zentrieren Sie eine Box horizontal und vertikal

2D-Konvertierung drehen

CSS3-Dreieck

Konvertierungs-Mittelpunkt festlegen

Gehäuse mit Drehmittelpunkt

2D-Konvertierungsmaßstab

Bildvergrößerungskoffer

Gehäuse mit Paging-Taste

Umfassende Schreibmethoden und Sequenzprobleme für die 2D-Konvertierung

Zusammenfassung der 2D-Konvertierung

Grundlegende Verwendung von CSS3-Animationen

Animationssequenz

Allgemeine Eigenschaften der CSS3-Animation

Abkürzung für CSS3-Animation

Big-Data-Heatmap-Fall (Teil 1)

Big-Data-Heatmap-Fall (Teil 2)

Die Schritte der Geschwindigkeitskurve

Running Bear Großer Koffer

3D-Transformationen verstehen

3D-Übersetzung translator3d

PerspektivePerspektive

übersetzenZ

3D-Rotation rotierenX

3D-Rotation rotierenY

3D-Rotation rotierenZ

3D-Rendering im Transformationsstil

Zweiseitige Flip-Box-Hülle

3D-Navigationsleiste (oben)

3D-Navigationsleiste (unten)

Umfassender Fall-Karussell-Fall (Teil 1)

Umfassender Fall-Karussell-Fall (Teil 2)

Privates Browser-Präfix und Zusammenfassung

Einführung in das Flow-Layout für die mobile WEB-Entwicklung

Grundlagen mobiler Endgeräte

Ansichtsfenster

Meta-Viewport-Tag

Verhältnis von physischen Pixeln zu physischen Pixeln

Doppeldiagramm

Hintergrundskalierung, Hintergrundgröße

Hintergrund-Doppelbild und Mehrbildausschnitt

Mobile Entwicklungsoptionen

Mobile Technologielösungen

Mobiler besonderer Stil

Auswahl mobiler Technologien

Flüssiges Layout

Vorbereitungsarbeiten für die mobile Homepage von JD.com

Körpereinstellungen

App-Layout

Füllen von App-Inhalten

Layout des Suchmoduls

Erstellung von Suchmodulinhalten

So erstellen Sie ein Doppel-Sprite-Diagramm

Fokuskartenproduktion

Produktion von Markentagsmodulen

Produktion von Navigationsleisten-Navigationsmodulen

Newsletter-Modul

Ende 2 der mobilen Homepage von JD.com

Einführung in das Flex-Layout der mobilen WEB-Entwicklung

Flex-Layout-Erfahrung

Flex-Layout-Prinzip

Flex legt die Spindelrichtung fest

justify-content legt die Anordnung der Hauptachsen-Unterelemente fest

Ob Flex-Wrap-Unterelemente umwickelt werden

align-items legt die Anordnung der achsenübergreifenden untergeordneten Elemente fest

align-content legt die Anordnung der achsenübergreifenden untergeordneten Elemente fest

Flex-Flow und Zusammenfassung

Verwendung von Child-Flex-Eigenschaften

align-self和order

Vorbereitungsarbeiten für die mobile Homepage von Ctrip

Analyse des Homepage-Layouts und Layout des Suchmoduls

Vom Benutzer erstelltes Suchmodul

Suchmodulproduktion Suchproduktion

Produktion von Fokuskarten-Fokusmodulen

Lokales Navigationslayout

Produktion lokaler Navigationsinhalte

Verwenden Sie die Attributauswahl, um das Hintergrundbild zu ändern

Layout der Navigationsdarstellung

Produktion von Navigationsinhalten

Hintergrundverlauf linearer Verlauf

Produktion von Subnav-Eingabemodulen

Beliebte Aktivität Modulproduktion

Mehr Produktion von Wohlfahrtsmodulen

Vertrieb-BD-Modulproduktion 3

Einführung in die mobile WEB-Entwicklung mit adaptivem Rem-Layout

Rem-Einheit

Einführung in die Syntax von Medienabfragen

Verfärbung des Hintergrunds der Medienabfrage

Media query + rem realisiert dynamische Größenänderungen von Elementen

Medienabfrage führt Ressourcen ein

Nachteile von CSS

Einführung in LESS und die Verwendung von Variablen

Less Compile Easyless Plug-In

weniger Verschachtelung

weniger Betrieb

Prinzip des Rem-Anpassungsschemas

endgültiger Anpassungsplan

Suning Homepage common.less Produktion

Importstil für Suning-Homepage-Import

Einstellungen für den Körperstil der Suning-Homepage

Layout des Suning-Homepage-Suchinhaltsmoduls

Inhaltslayout für Suchinhalte auf der Suning-Homepage

Produktion des Suning Homepage-Suchmoduls

Produktion von Suning-Homepage-Bannern und Werbemodulen

Suning-Homepage-Navigationsteilproduktion

REM-Anpassungslösung 2 Einführung in flexble.js

Rem-Anpassungslösung 2 Vorbereitende Vorbereitungen für die Suning-Homepage

Rem-Anpassungsschema 2Körperstilmodifikation

Ein magisches vscode-Plug-in cssrem

Ändern Sie die flexible Standard-HTML-Schriftgröße

Rem-Anpassungslösung 2 Suchinhalt Inhaltsproduktion 1

Rem-Anpassungslösung 2 Suchinhalt Inhaltsproduktion 2

Responsive Einführung in die mobile Webentwicklung

Responsive Entwicklungsprinzipien

Responsiver Layout-Container

Responsive Navigationshülle

Einführung in Bootstrap

Bootstrap-Nutzung (Teil 1)

Bootstrap-Nutzung (Teil 2)

Bootstrap-Layout-Container

Bootstrap-Grid-System

Verwendung des Bootstrap-Grid-Systems (Teil 1)

Verwendung des Bootstrap-Grid-Systems (Teil 2)

Bootstrap-Spaltenverschachtelung

Bootstrap-Spaltenoffset

Bootstrap-Spaltensortierung

Bootstrap-Responsive-Tools

Alibaba Baixiu-Nachfrageanalyse

Vorbereitende Arbeit für Ali Baixiu

Ändern Sie die maximale Breite des Containers

Produktion des Alibaba Baixiu-Logos

Die Navigationsproduktion von Alibaba Baixiu führt Schriftsymbole ein

Produziert von Ali Baixiu News (Teil 1)

Produziert von Ali Baixiu News (Teil 2)

Alibaba Baixiu veröffentlicht Modulproduktion

Alibaba Baixiu stellt Modulproduktion ein

Responsive Produktion des Alibaba Baixiu-Logos

Alibaba Baixiu nav reaktionsschnelle Produktion

Alibaba Baixiu reagiert auf Nachrichtenproduktion

Alibaba Baixiu veröffentlicht reaktionsfähige Produktion

Zusammenfassung der Entwicklung mobiler Endgeräte