Grundlegendes Tutorial für den Einstieg in das Web-Frontend

• Kapitel1 Webstorm-Entwicklungstools
• 1-1 Aktueller Status des Web-Frontends
• 1-2 Einführung in Entwicklungstools
• 1-3 Installation von Webstorm
• 1-4 Einsatz von Webstorm
• Kapitel2 HTML-Grundlagen
• 2-1 HTML-Einführung
• 2-2 HTML-Grundstruktur
• 2-3 Eigenschaften in der Grundstruktur
• 2-4 Grundelemente
• 2-5 Bild-Tags
• 2-6 Hyperlink
• 2-7 Ankerpositionierung
• 2-8 Blockelemente und Inline-Elemente
• 2-9 Ungeordnete und geordnete Listen
• 2-10 benutzerdefinierte Liste
• 2-11 Grundstruktur der Tabelle
• 2-12 Allgemeine Eigenschaften von Tabellen
• 2-13 Eigenschaften von Tabellenzeilen und -spalten
• 2-14 Zellen zusammenführen
• 2-15 Iframe
• 2-16 Formfunktion
• 2-17 Textfeld und Passwort
• 2-18 Optionsfelder und Kontrollkästchen
• 2-19 Schaltflächengruppe
• 2-20 Dropdown-Liste
• 2-21 Mehrzeilige Text- und Etikettenetiketten
• 2-22 Formularfelder
• Kapitel3 HTML5 neu
• 3-1 HTML5 neuer Typ 1
• 3-2 HTML5 neuer Typ 2
• 3-3 Neue HTML5-Attribute
• 3-4 div-Tag und span-Tag
• 3-5 HTML5 neues Struktur-Tag 1
• 3-6 HTML5 neues Struktur-Tag 2
• 3-7 datalist-Tag
• 3-8 Video
• 3-9 Audio
• 3-10 Tag einbetten
• 3-11 Canvas-Tag 1
• 3-12 Canvas-Tag 2
• Kapitel4 CSS
• 4-1 Lernen Sie CSS kennen
• 4-2 CSS-Einführungsmethode
• 4-3 CSS-Regeln und Kommentare
• 4-4 Verwendung von Chrome-Debugging-Tools
• 4-5 Elementselektoren und Universalselektoren
• 4-6 Klassenselektoren und ID-Selektoren
• 4-7 CSS-Stylesheet-Funktionen
• 4-8 Selektoren zusammenführen
• 4-9 div+css-Layout
• 4-10 Hintergrundfarbe und Bild
• 4-11 Speicherort des Hintergrundbilds
• 4-12 Hintergrundanhang
• 4-13 Hintergrundabkürzung
• 4-14 Schriftarteigenschaften
• 4-15 Farbtransparenz und Inhaltsüberlauf
• 4-16 Textattribut 1
• 4-17 Textattribut 2
• 4-18 Eigenschaften auflisten
• 4-19 Beziehungsauswahl
• 4-20 Attributselektor
• 4-21 Link-Pseudoklassenselektor
• 4-22 Struktureller Pseudoklassenselektor
• 4-23 Pseudoobjektselektor
• 4-24 Lernen Sie die Box kennen
• 4-25 Ränder
• 4-26 Polsterung
• 4-27 Randzusammenführung
• 4-28 seltsame Kiste
• 4-29 Offizielle Meizu-Website
• 4-30 Flexbox
• 4-31 Flexbox-Anwendung
• 4-32 schweben
• 4-33 klarer Schwimmer
• 4-34 Anzeigeattribut
• 4-35 Positionspositionierung
• 4-36 Browser-Kernel und sein Präfix
• 4-37 Z-Index-Stapelreihenfolge
• Kapitel5 Navigationskarte und Karussellkarte
• 5-1 Navigationsleiste der offiziellen Website von Gionee
• 5-2 Navigationsleiste der offiziellen Website von Gionee 2
• 5-3 Zentrierte Zusammenfassung
• 5-4 Karussellbild der offiziellen Website von Gionee
• 5-5 Gionee offizielle Website Star-Produkte
• 5-6 abgerundete Ecken
• 5-7 Schatten
• 5-8 linearer Farbverlauf
• 5-9 radialer Gradient
• 5-10 Animation
• 5-11 Zeichnen Sie Grafiken
• 5-12 mehrere Spalten
• 5-13 WeChat-Navigationsleiste
• 5-14 Xiaomi weiße Navigationsleiste
• 5-15 Xiaomi Karussell und Schiebetür
• 5-16 Xiaomi kleine Werbefläche
• 5-17 Xiaomi-Flash-Sale
• 5-18 Xiaomi-Handyteil
• 5-19 Nachahmung versteckter Spezialeffekte von Xiaomi
• 5-20 Mobile Navigationsleiste
• 5-21 Mobiles Karusselldiagramm
• 5-22 Abschnitt für mobile Nachrichten
• 5-23 Mobile Restaurantempfehlungen
• 5-24 Mobile Fußzeile
• 5-25 wenn Zweig
• Kapitel6 js-Grundlagen
• 6-1 js initial
• 6-2 Variablentypen und Konvertierungen
• 6-3 Andere Betreiber
• 6-4 ternärer Operator
• 6-5 mathematische Operatoren
• 6-6 Arithmetische Operatoren
• 6-7 wörtlich
• 6-8 Pause und weitermachen
• 6-9 Wechselübung
• 6-10 Wechselübung (2)
• 6-11 beim ersten Kennenlernen
• 6-12 Ende des Einzelschichtzyklus
• 6-13 Zufallszahl
• 6-14 kleine Übung
• 6-15 Schleifeninitialisierung
• 6-16 Betrieb
• 6-17 Der Job ist beendet
• 6-18 Pause+Weiter verschachtelt+Diamant
• 6-19 Verschachtelte Schleifen
• 6-20 Primzahlinitiale
• 6-21 Operationen zur Vereinfachung von Primzahlen
• 6-22 Gängige Methoden für Strings
• 6-23 an der Schnur
• 6-24 im String
• 6-25 Gängige Methoden für Strings
• 6-26 Verschlüsselung und Entschlüsselung
• 6-27 Array-Initialisierung
• 6-28 Array-Durchquerung
• 6-29 Gängige Array-Methoden
• 6-30 Unter gängigen Array-Methoden
• 6-31 zweidimensionales Array
• 6-32 Zweidimensionale Array-Übungen
• Kapitel7 Bibliotheksverwaltungssystem für kleine Praxis
• 7-1 Bibliotheksverwaltungssystem
• 7-2 erste Bekanntschaft mit Objekt
• 7-3 Objektoperationen
• 7-4 Funktionsparameter und Aktualparameter
• 7-5 Funktionstyp + Ergänzung
• 7-6 Hausaufgabe - Verwaltungssystem für Objektklassenbibliotheken
• 7-7 Schließung
• 7-8 Ergänzung zum Abschluss
• 7-9 Variablendeklaration hochziehen
• 7-10 Erstklassige Funktionsbürger
• 7-11 Funktionsumfangskette + Variablenförderung innerhalb der Funktion
• 7-12 Wertübergabe und Adressenübergabe
• 7-13 Parameter mit demselben Namen erscheinen in der Funktion
• 7-14 Überladung simulierter Funktionen
• 7-15 eval+instanceof
• 7-16 Mathe
• 7-17 Verifizierungscode generieren
• 7-18 Betrieb
• 7-19 Ergänzung zum Funktionsumfang
• 7-20 Pass-by-Reference-Ergänzung
• 7-21 Datumsobjekt
• 7-22 Date-Job
• Kapitel8 DOM-Manipulation
• 8-1 dom initial
• 8-2 Über die gemeinsamen Eigenschaften von Dom
• 8-3 Zu den häufig verwendeten Attributen Standort und Dom gehören
• 8-4 TitelMarquee
• 8-5 Wählen Sie Seitenelemente aus
• 8-6 DOM erstellt Seitenelemente und Attribute + CSS, um die Navigation zu implementieren
• 8-7 Legen Sie interne Stile fest
• 8-8 Allgemeine Eigenschaften des Knotens
• 8-9 Unter den allgemeinen Eigenschaften des Knotens
• 8-10 Knoten gemeinsame Methoden
• 8-11 HTML-Element
• 8-12 Veranstaltungsübersicht + HTML-Veranstaltung
• 8-13 Nicht-IEdom0-Ereignisse
• 8-14 Nicht-iedom2-Ereignisse
• 8-15 dom2-Ereignisse in ie
• 8-16 Schreibmethode für Dom2-Kompatibilität
• 8-17 Mausübungen
• 8-18 rutschend, oh trauriger Div
• 8-19 Farbpalette
• 8-20 Reihenfolge beim Laden des Dokuments
• 8-21 div mobile Ergänzung
• 8-22 onresize+setTimeOut
• Kapitel9 Ereignis
• 9-1 Schwerpunktveranstaltung
• 9-2 Registrierter Benutzer
• 9-3 Scroll-Ereignis
• 9-4 sinnvoll
• 9-5 Tastaturereignisse
• 9-6 Job 1 registrierter Benutzer
• 9-7 Kleine Div bewegt sich innerhalb großer Div
• 9-8 Touch-Ereignis
• 9-9 Das
• 9-10 dieses kleine Beispiel
• 9-11 Ereignisattribut
• 9-12 Standardverhalten des Knotens abbrechen + Ereigniszustellung abbrechen
• 9-13 Nachrichtenrolle
• 9-14 Kompatibilitätsschreiben
• 9-15 Mausrad
• 9-16 Scroll-Ereignis zu Nachrichten hinzufügen
• 9-17 Bildüberprüfung
• 9-18 Sekundärverbindung
• 9-19 Verknüpfung der Stufe drei
• 9-20 Veranstaltungsdelegation
• Kapitel10 Fenster
• 10-1 Erste Bekanntschaft mit Fenster
• 10-2 Fenstername
• 10-3 Gängige Methoden
• 10-4 Klicken Sie mit der rechten Maustaste auf die entsprechenden Werte von IE und Nicht-IE
• 10-5 Passen Sie das Rechtsklick-Menü an
• 10-6 Geplante Anrufe und verzögerte Anrufe
• 10-7 Timer-Bewegung
• 10-8 Taobao-Beispiel
• 10-9 Datenanalyse
• 10-10 Reihenfolge beim Laden der Seite
• 10-11 Ladereihenfolge der js-Datei
• 10-12 Reflow und Neuzeichnen
• 10-13 window.history
• 10-14 anrufen und bewerben
• 10-15 Schließung
• 10-16 Leben
• 10-17 Auffüllen
• 10-18 Korrespondenz und Exklusivität
• 10-19 Objektorientierter + Konstruktor
• 10-20 Mädchen geht 1
• 10-21 Mädchen geht 2
• Kapitel11 Prototyp
• 11-1 Erste Bekanntschaft mit Prototypen
• 11-2 Wiederverwendungsfunktion
• 11-3 Objektorientiert und prozessorientiert
• 11-4 Analoges Paket
• 11-5 Konstrukteur im Prototyp
• 11-6 Prototypenkette
• 11-7 Vererbte Übungen
• 11-8 Prototyping-Übung
• 11-9 Designmuster
• 11-10 Ende des Designmodus
• 11-11 Erste Bekanntschaft mit regulären Regeln
• 11-12 Ausdruck + Bereich + Gruppenübereinstimmung
• 11-13 Metazeichenmuster
• 11-14 Quantifizierermuster
• 11-15 Methoden in regulären Objekten
• 11-16 Regelmäßige Fortgeschrittenen-Anfangsposition
• 11-17 Betrieb
• 11-18 Wiederholungsklasse
• 11-19 Gier und Faulheit
• 11-20 Array-Deduplizierung
• 11-21 Hash, um Duplikate zu entfernen
• 11-22 Effizienzvergleich
• 11-23 Erste Version der Blasensortierung
• 11-24 Blasenoptimierung abgeschlossen
• 11-25 Rekursion
• 11-26 Schnelle Sortierung
• 11-27 Binäre Suche
• 11-28 JSON-Analyse
• 11-29 Buchhandlung
• 11-30 Größenbezogen
• 11-31 Wasserfallfluss
• 11-32 Fehlerbehebung
• 11-33 Unendlich scrollender Wasserfallfluss