Spielen Sie von Grund auf mit WeChat-Miniprogrammen

• Kapitel1 Miniprogramm-Grundlagenvideo (1)
• 1-1 Kurseinführung
• 1-2 Einführung in das WeChat Mini-Programm
• 1-3 Umgebungsvorbereitung für das WeChat-Miniprogramm
• 1-4 Mein erstes WeChat-Applet
• 1-5 Einführung in die WeChat-Entwicklertools
• 1-6 Verzeichnisstruktur des nativen Frameworks
• 1-7 Feld „Globale Konfigurationsdateiseiten“.
• 1-8 Globales Konfigurationsdateifensterfeld
• 1-9 Feld in der Registerkartenleiste der globalen Konfigurationsdatei
• 1-10 Seitenkonfigurationsdatei
• Kapitel2 Miniprogramm-Grundlagenvideo (2)
• 2-1 Sitmap-Konfiguration
• 2-2 Code-Editor-Kenntnisse vor der Datenbindung
• 2-3 Datenbindung
• 2-4 Betrieb
• 2-5 Array- und Objektschleifen
• 2-6 Verwendung von Block-Tags
• 2-7 Bedingtes Rendern
• 2-8 Ereignisbindung 1
• 2-9 Ereignisbindung 2
• 2-10 style-rpx
• Kapitel3 Miniprogramm-Grundlagenvideo (3)
• 3-1 Style-Import
• 3-2 Stile – Selektoren und weniger verwenden
• 3-3 Wie schreibe ich WXSS-Kommentare?
• 3-4 Ansichts- und Text-Tags
• 3-5 Bild Bild-Tag
• 3-6 Swiper – Berechnen Sie die Höhe des Swipers proportional
• 3-7 Swiper – allgemeine Eigenschaften
• 3-8 Navigator-Navigations-Tag
• 3-9 rich-textRich-Text-Tag
• 3-10 Knopfdarstellungsstil
• Kapitel4 Miniprogramm-Grundlagenvideo (4)
• 4-1 Öffnungsfähigkeit des Buttons 1
• 4-2 Öffnungsfähigkeit des Buttons 2
• 4-3 iconon
• 4-4 Radio-Radio-Button
• 4-5 KontrollkästchenKontrollkästchen
• 4-6 Einführung in benutzerdefinierte Komponenten
• 4-7 Erste Erfahrungen mit kundenspezifischen Komponenten
• 4-8 Benutzerdefinierte Optimierung im Komponenten-Tabs-Stil
• 4-9 Benutzerdefinierte Aktivierung des Komponententitels ausgewählt
• 4-10 Benutzerdefinierte Komponente – übergeordnetes Element übergibt Daten an untergeordnetes Element
• Kapitel5 Miniprogramm-Grundlagenvideo (5)
• 5-1 Benutzerdefinierte Komponente – Kind übergibt Daten an Eltern
• 5-2 Benutzerdefinierter Komponentensteckplatz
• 5-3 Weitere Eigenschaften der Komponente
• 5-4 Anwendungslebenszyklus
• 5-5 Seitenlebenszyklus
• Kapitel6 Praktischer Kampf des Yougou-Projekts (1)
• 6-1 Projektvorschau
• 6-2 Auswahl der Projekttechnologie
• 6-3 Projektaufbau Schritt eins
• 6-4 Projektkonstruktionsschritt 2 (Iconfont einführen)
• 6-5 Projektkonstruktionsschritt drei (Registerkarte „Erstellen“)
• 6-6 Projektkonstruktionsschritt vier – Seitenstil initialisieren
• 6-7 Startseite – Suchfeld
• 6-8 Startseite – Karusselldiagrammdaten abrufen
• 6-9 Home-Carousel-Dynamic Rendering
• Kapitel7 Praktischer Kampf des Yougou-Projekts (2)
• 7-1 Ändern Sie die native Anfrage in ein Versprechen
• 7-2 Startseite-Kategorie-Navigation
• 7-3 Heimetage 1
• 7-4 Heimetage 2
• 7-5 Klassifizierung – die Beziehung zwischen Schnittstellendaten und Seiteneffekten
• 7-6 Klassifizierungsschnittstellendaten abrufen
• 7-7 Kategorie-Seitenlayout 1
• 7-8 Kategorie-Seitenlayout 2
• 7-9 Kategorie: Klicken Sie auf das Menü, um den Produktinhalt zu wechseln
• 7-10 Klassifizierung – mithilfe der Caching-Technologie
• 7-11 Kategorie: Klicken Sie auf das Menü oben in der Liste rechts
• Kapitel8 Praktische Praxis des Yougou-Projekts (3)
• 8-1 Optimieren Sie den öffentlichen Schnittstellenpfad für den Schnittstellencode-Extrakt
• 8-2 Optimierte Schnittstelle – Rückgabewerte vereinfachen und Async von es7 verwenden
• 8-3 Produktliste – Kategorie-ID abrufen
• 8-4 Produktlisten-Implementierung von Suchfeld- und Tab-Komponenten
• 8-5 Produktliste – statischer Stil
• 8-6 Produktliste – dynamisches Rendering
• 8-7 Produktliste – Daten für die nächste Seite laden
• 8-8 Produktliste zum Aktualisieren nach unten ziehen
• 8-9 Fügen Sie einen globalen Ladesymboleffekt hinzu
• 8-10 Produktdetails – Daten abrufen
• Kapitel9 Praktische Praxis des Yougou-Projekts (4)
• 9-1 Produktdetails-Schnittstellendaten und Seitenanalyse
• 9-2 Produktdetails – dynamische Darstellung von Karussellbildern
• 9-3 Produktdetails - Preis & Name & Bild- und Textdetails
• 9-4 Produktdetails-optimiertes dynamisches Rendering
• 9-5 Produktdetails – Vorschaubild vergrößern
• 9-6 Produktdetails – untere Symbolleiste
• 9-7 Produktdetails – untere Symbolleiste
• 9-8 Produktdetails – In den Warenkorb legen
• 9-9 Warenkorb – Warenkorbanalyse und Quittungsschaltflächenstil
• 9-10 Warenkorb-Lieferadressenanalyse
• Kapitel10 Praktische Praxis des Yougou-Projekts (5)
• 10-1 Warenkorb – Schließen Sie den Vorgang zur Beschaffung der Lieferadresse ab
• 10-2 Warenkorb – Optimieren Sie den Code, um die Lieferadresse zu erhalten
• 10-3 Warenkorb-Lieferadresse und Button-Umschaltanzeige
• 10-4 Warenkorb – Warenkorbliste – statischer Stil
• 10-5 Statische Struktur der unteren Symbolleiste des Warenkorbs
• 10-6 Dynamisches Rendern von Warenkorbdaten
• 10-7 Warenkorb – Alle Daten anzeigen
• 10-8 Warenkorb – Gesamtpreis und Gesamtmenge
• 10-9 Warenkorb – Produkt ausgewählt
• 10-10 Warenkorb-Auswahl, alles inverse Auswahl
• 10-11 Bearbeiten der Warenkorb-Artikelmenge