Ausgabe 5_Frontend-Grundlagen

• Kapitel1 HTML-Dokumentstruktur
• 1-1 Häufig verwendete Textelemente auf der Seite
• 1-2 Bilder und Links auf Webseiten
• Kapitel2 Web-Frontend-Grundkurs
• 2-1 Häufig verwendete Hintergrundsteuerelemente in CSS3 (Sprites ...)
• 2-2 Häufig verwendete Randeffekte für das Layout (Rand)
• 2-3 Stilkontrolle für Tabellen und Listen
• 2-4 Häufig verwendete Formularelemente im Frontend
• Kapitel3 Web-Frontend-Grundkurs 1
• 3-1 Detaillierte Erläuterung der CSS-Cascading-Stylesheets: internal\external\inline
• 3-2 Gängige CSS-Selektoren
• 3-3 Elementanzeige und innere und äußere Ränder
• 3-4 Float(float)+(Layout des Youku-Hot-Moduls (Teil 1)
• 3-5 Float(float)+(Youku Hot Module Layout) (Teil 2)
• Kapitel4 Web-Frontend-Grundkurs 2
• 4-1 Detaillierte Erläuterung der Positionierung in CSS (fest/relativ/absolut)
• 4-2 Pseudo-Selektor:hover
• 4-3 Fall: Youku-Top-Navigation (Teil 1)
• 4-4 Fall: Youku-Top-Navigation (Teil 2)
• Kapitel5 Web-Frontend-Grundkurs 3
• 5-1 Fall: Teillayout des Karussellbilds oben in Youku (1)
• 5-2 Fall: Teillayout des Karussellbilds oben in Youku (2)
• 5-3 Fall: Das Layout jeder Navigationsleiste oben in Youku (1)
• 5-4 Fall: Das Layout jeder Navigationsleiste oben in Youku (2)
• Kapitel6 JavaScript-Grundlagen
• 6-1 Erfahren Sie mehr über JavaScript
• 6-2 Variablendeklaration
• 6-3 JavaScript-Datentypen
• 6-4 bedingte Anweisung
• Kapitel7 JavaScript-Grundlagen 2
• 7-1 switch (Auswahlanweisung für mehrere Zweige)
• 7-2 Schleifenanweisung
• 7-3 Funktion
• Kapitel8 JavaScript-Grundlagen 3
• 8-1 Funktionsaufruf
• 8-2 Schließung
• 8-3 HTML-DOM
• 8-4 DOM-Ereignisse
• Kapitel9 JavaScript-Fall
• 9-1 Farbänderung der alternativen JavaScript-Linie
• 9-2 JavaScript wählt alle aus
• 9-3 Mathe-Objekt (zufällige Farbe)
• 9-4 Datumsobjekt (Countdown)
• Kapitel10 JavaScript-Fall 1
• 10-1 Erhalten Sie die [Koordinaten] der Maus im Div in Echtzeit
• 10-2 Imitieren Sie den Textsucheffekt in der Baidu-Bibliothek
• 10-3 Bewegen Sie die Bildlaufleiste eine bestimmte Strecke nach unten, um [Feste Navigation] anzuzeigen.
• 10-4 Verknüpfung der Stufe drei
• Kapitel11 JQuery-Grundkurs
• 11-1 Erfahren Sie mehr über jQuery
• 11-2 Installation und Verwendung von JQuery
• 11-3 Jquery-Selektor
• 11-4 jquery-Ereignis
• Kapitel12 JQuery-Grundkurs 1
• 12-1 jQuery-Durchquerung
• 12-2 jQuery ruft CSS-Klassen ab und legt sie fest
• 12-3 jQuery ruft Inhalte ab und legt diese fest
• 12-4 Simulieren Sie den Effekt des Hinzufügens zum Warenkorb
• Kapitel13 JQuery-Grundkurs 2
• 13-1 jQuery-Aktionseigenschaften
• 13-2 jQueryadd-Element
• 13-3 jQuery-Element löschen
• 13-4 Kommentieren Sie wie Funktionsübungen
• Kapitel14 JQuery-Grundkurs 3
• 14-1 jQuery-Animationseffekte
• 14-2 Verbessern Sie die Kommentar- und Like-Funktion
• 14-3 Tab-Wechsel (automatischer Wechsel js nativ) 1
• 14-4 Tab-Wechsel (automatischer Wechsel js nativ) 2
• Kapitel15 Verwendung eines Frontend-Frameworks
• 15-1 Bootstrap + Laui
• 15-2 Rahmen: Rasterlayout
• 15-3 Modularer Einsatz von Layui
• 15-4 Die heutigen Schlagzeilen [1]
• Kapitel16 Projekt【Heutige Schlagzeilen】
• 16-1 Die heutigen Schlagzeilen [Navigationslayout]
• 16-2 Die heutigen Schlagzeilen [Nachrichtenliste]
• 16-3 Die heutigen Schlagzeilen [Tab-Schalter]
• 16-4 Heutiges Toutiao [Startseite-Anmeldelayout]
• 16-5 Die heutigen Schlagzeilen – Emoticons
• 16-6 Die heutigen Schlagzeilen [Emoji-Dropdown]
• 16-7 Die heutigen Schlagzeilen [Nachrichtenliste]
• 16-8 Posting-Effekt
• 16-9 Scrollbar-Effekt
• 16-10 Toutiao [Anmeldeseite 1]
• 16-11 Toutiao [Anmeldeseite 2]
• Kapitel17 4.13 Wissensantworten am Samstag
• 17-1 Wissensantwort 1
• 17-2 Wissensantwort 2