Démonstration de la fonction du projet

Préparation du développement du projet

Créer un projet et exécuter

Préparation des ressources

Conception du répertoire de code source du projet

utilisation du stylet

codage des composants

Présentation de vue-router

Composant FooterGuide

Chaque composant de routage de navigation (statique)

Composant HeaderTop

Utilisez le swiper pour implémenter le carrousel de liste de classification des produits

Composant ShopList (statique)

Composant de connexion (statique)

Démarrez l'application en arrière-plan et testez l'interface

Encapsuler la fonction de requête ajax

Encapsuler la fonction de demande d'interface

Utiliser git pour le contrôle de version des projets

revoir

Configurer le proxy pour implémenter les requêtes Ajax inter-domaines

Créer la structure globale de vuex

Utilisez vuex pour gérer les données de la page d'accueil

Afficher de manière asynchrone l'adresse actuelle

Afficher la liste du carrousel des catégories d'aliments de manière asynchrone

Utilisez watch et $nextTick pour résoudre les bugs du carrousel

Afficher la liste des marchands de manière asynchrone

Utilisez svg pour afficher l'interface d'invite de chargement

Composant étoile

Instructions de démonstration de la fonction d'inscription et de connexion

Effet de l'interface de connexion 1_switch méthode de connexion

Effet de l'interface de connexion 2_Vérification du numéro de téléphone portable

Effet de l'interface de connexion 3_effet compte à rebours

Effet d'interface de connexion 4_changer l'affichage et le masquage des mots de passe

Effet de l'interface de connexion 5_vérification de l'expression de la réception

revoir

Code de vérification graphique dynamique unique

Définir la fonction de demande d'interface

Login_Envoyer le code de vérification par SMS

Login_Complete demande de connexion

Login_Enregistrer les informations utilisateur dans vuex

Mettre à jour l'interface du centre personnel après vous être connecté

Connectez-vous pour mettre à jour l'itinéraire de saut

Connexion automatique

se déconnecter

Construire l’interface marchande globale

compréhension de json

Concevoir des données JSON

Utilisez mockjs pour simuler les données d'interface

interface simulée de requête ajax mockjs

Composant ShopHeader

revoir

Afficher les données sur les marchandises de manière asynchrone

Analyse de l'effet de glissement

Utilisez better-scroll pour implémenter le glissement par rebond

collecte le parcheminY

Collectionner les hauts

Faites glisser la liste à droite pour mettre à jour la catégorie actuelle

Résoudre le bug du glissement inertiel ne mettant pas à jour la catégorie actuelle

Cliquez sur l'élément de catégorie pour faire glisser la liste vers la droite

Composant CartControl 1

Composant CartControl 2

Composant alimentaire 1

Composante alimentaire 2

Composant ShopCart 1

Composant ShopCart 2

Afficher la liste des articles d'achat

Résoudre 3 bugs dans l'affichage de la liste

revoir

Animation du panier

Glissement de la liste du panier

Vider le panier

BoutiqueNotesComponent1

Composant ShopRatings 2

Composant ShopInfo 1

Composant ShopInfo 2

Composant ShopInfo 3

Composant de recherche

Objet composant de route de cache

Chargement paresseux des composants de routage

Chargement paresseux des images vue-lazyload

Utilisez le moment pour implémenter le filtre de date

Analyse et optimisation des fichiers compressés