Demonstration der Projektfunktion

Vorbereitung der Projektentwicklung

Projekt erstellen und ausführen

Ressourcenvorbereitung

Entwurf des Quellcodeverzeichnisses des Projekts

Verwendung des Stifts

Komponentenkodierung

Vue-Router vorstellen

FooterGuide-Komponente

Jede Navigations-Routing-Komponente (statisch)

HeaderTop-Komponente

Verwenden Sie Swiper, um ein Karussell mit Produktklassifizierungslisten zu implementieren

ShopList-Komponente (statisch)

Login-Komponente (statisch)

Starten Sie die Hintergrundanwendung und testen Sie die Schnittstelle

Kapseln Sie die Ajax-Anfragefunktion

Kapseln Sie die Schnittstellenanforderungsfunktion

Verwenden Sie Git zur Versionskontrolle von Projekten

Rezension

Konfigurieren Sie den Proxy für die Implementierung domänenübergreifender Ajax-Anfragen

Erstellen Sie die Gesamtstruktur von Vuex

Verwenden Sie vuex, um Homepage-Daten zu verwalten

Zeigt die aktuelle Adresse asynchron an

Karussellliste der Lebensmittelkategorien asynchron anzeigen

Verwenden Sie watch und $nextTick, um Karussellfehler zu beheben

Händlerliste asynchron anzeigen

Verwenden Sie SVG, um die Ladeaufforderungsschnittstelle anzuzeigen

Sternkomponente

Anleitung zur Demonstration der Registrierungs- und Anmeldefunktion

Login-Schnittstelleneffekt 1_Switch-Login-Methode

Login-Schnittstelleneffekt 2_Überprüfung der Mobiltelefonnummer

Effekt der Anmeldeschnittstelle 3_Countdown-Effekt

Login-Schnittstelleneffekt 4_Anzeige und Ausblenden von Passwörtern umschalten

Login-Schnittstelleneffekt 5_Überprüfung des Ausdrucks an der Rezeption

Rezension

Dynamischer einmaliger grafischer Verifizierungscode

Schnittstellenanforderungsfunktion definieren

Login_SMS-Bestätigungscode senden

Login_Anmeldeanfrage abschließen

Anmelden_Benutzerinformationen in vuex speichern

Aktualisieren Sie die Benutzeroberfläche des Personal Centers nach der Anmeldung

Melden Sie sich an, um die Sprungroute zu aktualisieren

Automatische Anmeldung

Abmelden

Erstellen Sie die gesamte Händlerschnittstelle

JSON-Verständnis

Entwerfen Sie JSON-Daten

Verwenden Sie Mockjs, um Schnittstellendaten zu simulieren

Ajax Request MockJS simulierte Schnittstelle

ShopHeader-Komponente

Rezension

Warendaten asynchron anzeigen

Gleiteffektanalyse

Verwenden Sie Better-Scroll, um das Rebound-Sliding zu implementieren

sammlescrollY

Sammle Oberteile

Schieben Sie die Liste nach rechts, um die aktuelle Kategorie zu aktualisieren

Beheben Sie den Fehler, dass das Trägheitsgleiten die aktuelle Kategorie nicht aktualisiert

Klicken Sie auf das Kategorieelement, um die Liste nach rechts zu verschieben

CartControl-Komponente 1

CartControl-Komponente 2

Lebensmittelkomponente 1

Lebensmittelkomponente 2

ShopCart-Komponente 1

ShopCart-Komponente 2

Liste der Einkaufsartikel anzeigen

Beheben Sie 3 Fehler in der Listenanzeige

Rezension

Warenkorb-Animation

Warenkorbliste verschiebbar

Warenkorb löschen

ShopRatingsComponent1

ShopRatings-Komponente 2

ShopInfo-Komponente 1

ShopInfo-Komponente 2

ShopInfo-Komponente 3

Suchkomponente

Cache-Routenkomponentenobjekt

Verzögertes Laden von Routing-Komponenten

Lazy Loading von Bildern vue-lazyload

Verwenden Sie Moment, um den Datumsfilter zu implementieren

Analyse und Optimierung gepackter Dateien