Der Webpack+React-Familien-Bucket entwickelt ein Grain-Backend-Projekt

• Kapitel1 Kapitel eins
• 1-1 Einführung in Build-Tools
• 1-2 Einführung in Webpack
• 1-3 Webpack ist ein kleiner Test
• 1-4 Verwendung von Webpack-Konfigurationsdateien
• 1-5 less-loader analysiert weniger
• 1-6 eslint-loader-Syntaxprüfung
• 1-7 js-Syntaxkonvertierung
• 1-8 Bei Bedarf wird eine neue js-Syntax eingeführt
• 1-9 Der URL-Loader analysiert Bilder in Stilen
• 1-10 HTML-Dateien packen
• Kapitel2 Kapitel Zwei
• 2-1 Bildressourcen in HTML packen
• 2-2 Verpacken Sie andere Ressourcen
• 2-3 Automatisch kompilieren, verpacken und ausführen
• 2-4 HMR (Hot Mould Replacement)
• 2-5 Devtool-Mapping-Technologie
• 2-6 Bereiten Sie die Produktionsumgebung vor
• 2-7 Löschen Sie das Verzeichnis der gepackten Dateien
• 2-8 CSS in separate Dateien extrahieren
• 2-9 Kompatibilitätsverarbeitung von CSS-Dateien
• 2-10 CSS komprimieren
• Kapitel3 drittes Kapitel
• 3-1 HTML komprimieren
• 3-2 Verwendung des vscode-Compilers
• 3-3 Einführung zum Reagieren
• 3-4 hallo-reagieren
• 3-5 Zwei Möglichkeiten zum Erstellen eines virtuellen DOM
• 3-6 Ein paar kleine Fragen
• 3-7 jsx-Syntaxregeln
• 3-8 Eine kleine Übung mit jsx
• 3-9 Zwei Möglichkeiten zum Erstellen von Komponenten
• 3-10 Rezension
• Kapitel4 Kapitel Vier
• 4-1 Der Zustand der drei Hauptattribute von Komponenten
• 4-2 Abkürzung für Staat
• 4-3 Requisiten, die drei Haupteigenschaften von Komponenten
• 4-4 Vereinfachte Schreibmethode zur Übergabe von Tag-Attributen über Requisiten
• 4-5 Ref&Event-Behandlung der drei Hauptattribute von Komponenten
• 4-6 ref neue Syntax
• 4-7 Rezension
• 4-8 Todolist implementiert statische Komponenten
• 4-9 todolist zeigt Daten dynamisch an
• 4-10 Vollständiger Todolist
• Kapitel5 Kapitel fünf
• 5-1 Kontrollierte und unkontrollierte Komponenten
• 5-2 Komponentenlebenszyklus
• 5-3 Rezension
• 5-4 Über forceUpdate und willRecriveProps
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 Überprüfen Sie den Diff-Algorithmus
• 5-8 Die Funktion des Schlüssels
• 5-9 Laden Sie React Scaffolding herunter
• 5-10 Eine einfache Beschreibung des Reaktionsgerüsts
• Kapitel6 Kapitel sechs
• 6-1 Detaillierte Beschreibung des Reaktionsgerüsts
• 6-2 Eine einfache Kombination von Komponenten
• 6-3 Kommentarfall – statische Seite
• 6-4 Benutzerkommentarfall – dynamische Initialisierung
• 6-5 Fall eines Benutzerkommentars: Kommentare hinzufügen
• 6-6 Benutzerbewertungsfall – Vollständige Interaktion
• 6-7 Benutzerrezensionen – Zweite Auflage
• 6-8 Axios-Übung
• 6-9 Einfache Übung zum Apportieren
• 6-10 Github-Suchfall – statische Seite
• Kapitel7 Kapitel VII
• 7-1 Github-Suchfall – Senden Sie eine Anfrage
• 7-2 Github-Suchfall – vollständige Interaktion
• 7-3 Rezension
• 7-4 Github-Suchfall – Pubsub-Version
• 7-5 Kommunikationsmethode zwischen Reaktionskomponenten
• 7-6 Einführung in das Routing
• 7-7 Grundlegende Routing-Nutzung
• 7-8 Detaillierte Beschreibung des grundlegenden Routings
• 7-9 Bau der Sekundärtrasse (1)
• 7-10 Rezension
• Kapitel8 Kapitel acht
• 8-1 Bau der Sekundärtrasse (2)
• 8-2 Routing-Komponente, die Parameter übergibt
• 8-3 Programmatische Routennavigation
• 8-4 Einfache Verwendung von antd
• 8-5 Rezension
• 8-6 Ordnereinführung – Demonstration der Projekteffekte
• 8-7 Überprüfen Sie Git
• 8-8 Auswahl der Projekttechnologie
• 8-9 Erstellen Sie Anwendungen mit „create-react-app“.
• 8-10 Konfigurieren Sie die bedarfsgesteuerte Einführung des Antd-Stils
• Kapitel9 Kapitel neun
• 9-1 benutzerdefiniertes AntD-Theme
• 9-2 Erstellen Sie Anmelde- und Admin-Routen
• 9-3 Statische Seite anmelden
• 9-4 antds Von Component-Static
• 9-5 Deklarative Validierung von Benutzernamen
• 9-6 Benutzerdefinierte Überprüfung von Passwörtern
• 9-7 Einheitliche Überprüfung des Anmeldeformulars
• 9-8 Komponenten höherer Ordnung und Funktionen höherer Ordnung
• 9-9 Rezension
• 9-10 Bereiten Sie den Redux-Zweig vor
• Kapitel10 Kapitel Zehn
• 10-1 Einführung in das Redux-Interaktionsmodell
• 10-2 Detaillierte Erläuterung des schematischen Redux-Diagramms
• 10-3 Case-React-Version
• 10-4 Case-Redux-No-Action-Version
• 10-5 Endgültige Case-Redux-Version
• 10-6 Einführung in React-Redux
• 10-7 Case-react-redux (erste Version)
• 10-8 Case-react-redux (Zweite Ausgabe)
• 10-9 Asynchrone React-Redux-Programmierung
• 10-10 Verwendung von Redux-Debugging-Tools
• Kapitel11 Kapitel 11
• 11-1 Modulare Codierung für React-Redux
• 11-2 Rezension
• 11-3 Erstellen Sie eine Redux-Entwicklungsumgebung
• 11-4 API-Schnittstelle und Tests
• 11-5 Konfigurieren Sie einen Proxy, um domänenübergreifende Probleme zu lösen
• 11-6 Post-Request-JSON-Format-Kodierungsparameter
• 11-7 Verwendung des Axios-Request-Interceptors
• 11-8 Verwendung des Axios Response Interceptors
• 11-9 Konfigurieren Sie den Basispfad des Projekts
• 11-10 Fortschrittsbalkeneffekt anfordern
• Kapitel12 Kapitel 12
• 12-1 Behandeln Sie die vom Server an die Redux-Verwaltung zurückgegebenen Benutzerinformationen
• 12-2 Automatische Anmeldung
• 12-3 Abmeldefunktion
• 12-4 Rezension
• 12-5 Decorator-Syntax
• 12-6 Token-Verifizierung
• 12-7 Gesamtaufbau des Admin-Layouts
• 12-8 Admin-Subrouting-Konstruktion
• 12-9 Statisches Header-Layout
• 12-10 Automatischer Sprung, wenn der Anmeldestatus abläuft
• Kapitel13 Kapitel 13
• 13-1 Kopfinteraktion – Vollbildumschaltung
• 13-2 Kopfinteraktion – Abmelden
• 13-3 Kopfzeitanzeige
• 13-4 Holen Sie sich Wetterinformationen
• 13-5 Wetterinformationen anzeigen
• 13-6 Verwendung von withRouter
• 13-7 Statisches Layout der linken Navigation
• 13-8 Linke Navigation statisch – Umschalteffekt
• 13-9 Generieren Sie Menüs dynamisch
• Kapitel14 Kapitel 14
• 14-1 Das Menü ist standardmäßig ausgewählt und wird automatisch geöffnet
• 14-2 Zeigen Sie den Titel in der Header-Komponente an
• 14-3 Verwenden Sie Redux, um Titel zu verwalten
• 14-4 Statische Seite zur Produktklassifizierung (1)
• 14-5 Statische Seite zur Produktklassifizierung (2)
• 14-6 Daten dynamisch initialisieren
• 14-7 Popup-Fenster hinzufügen und ändern
• 14-8 Neues Produkt hinzufügen
• 14-9 Produktkategorie aktualisieren
• 14-10 Lösen Sie das Problem der Navigations-Standardauswahl
• Kapitel15 Kapitel 15
• 15-1 Statische Produktmanagementseite
• 15-2 Anzeige der Initialisierungsliste + Paging
• 15-3 Status des Vorgangsprodukts
• 15-4 Suchanfrage senden
• 15-5 Implementierung einer Suchfunktion
• 15-6 Konstruktion von Produktdetails und geändertes Routing
• 15-7 Lösen Sie das Problem der Etikettenauswahl und des Titels
• 15-8 Produktdetails – statische Seite
• 15-9 Details anzeigen
• 15-10 Details vom Server abrufen
• Kapitel16 Kapitel 16
• 16-1 Produktdetails anzeigen-redux
• 16-2 Produktdetails anzeigen – Backend anfordern
• 16-3 Neue produktstatische Seite hinzufügen
• 16-4 Sammeln Sie einige Produktdaten
• 16-5 Fotowand-statisch
• 16-6 Laden Sie eine Datei mit der Upload-Komponente hoch
• 16-7 Antworten hochladen und löschen
• 16-8 Vollständige Upload-Funktion
• 16-9 Rich-Text-Editor
• 16-10 Komplett neues Produkt
• Kapitel17 Kapitel 17
• 17-1 Produktmodifikation
• 17-2 Einführung in das Rollenmanagement
• 17-3 Neue Rolle hinzufügen
• 17-4 Baummenü
• 17-5 Schließen Sie die Autorisierungsfunktion ab
• 17-6 Benutzerliste abrufen
• 17-7 Neuen Benutzer hinzufügen
• 17-8 Traverse-Menü – eine Array-Methode
• 17-9 Verwendung von Echarts