Introduction au cours

Introduction au mini-programme WeChat

Préparation de l'environnement pour le mini-programme WeChat

Ma première applet WeChat

Introduction aux outils de développement WeChat

Structure de répertoire du framework natif

Champ des pages du fichier de configuration globale

Champ de la fenêtre du fichier de configuration globale

Champ de la barre d'onglets du fichier de configuration globale

Fichier de configuration des pages

configuration du plan de situation

Compétences en matière d'éditeur de code avant la liaison de données

liaison de données

Opération

Boucles de tableaux et d'objets

Utilisation de balises de bloc

Rendu conditionnel

liaison d'événement 1

Liaison d'événement 2

style-rpx

Importation de style

Styles - sélecteurs et utilisation de moins

Comment rédiger des commentaires wxss

balises de vue et de texte

image étiquette d'image

swiper - calcule la hauteur du swiper proportionnellement

swiper - attributs communs

balise de navigation du navigateur

rich-textBalise de texte enrichi

style d'apparence des boutons

Capacité d'ouverture du bouton 1

Capacité d'ouverture du bouton 2

icône

bouton radio

case à cochercase à cocher

Introduction aux composants personnalisés

Première expérience avec des composants personnalisés

Optimisation de style onglets de composants personnalisés

Activation du titre du composant personnalisé sélectionnée

Composant personnalisé : le parent transmet les données à l'enfant

Composant personnalisé : l'enfant transmet les données au parent

Emplacement de composant personnalisé

Autres propriétés du composant

Cycle de vie des applications

Cycle de vie des pages

Aperçu du projet

Sélection de la technologie du projet

Première étape de la construction du projet

Étape 2 de la construction du projet (introduction d'iconfont)

Troisième étape de construction du projet (barre d'onglets de construction)

Quatrième étape de la construction du projet : initialiser le style de page

Page d'accueil-Champ de recherche

Page d'accueil – Obtenir les données du graphique carrousel

Accueil-Carrousel-Rendu dynamique

Modifier la requête native en promesse

Navigation dans la catégorie d'accueil

Accueil-Étage 1

Accueil-Étage 2

Classification : la relation entre les données d'interface et les effets de page

Classification-obtenir les données de l'interface

Mise en page de catégorie 1

Mise en page de catégorie 2

Catégorie-Cliquez sur le menu pour changer le contenu du produit

Classification – à l'aide de la technologie de mise en cache

Catégorie-cliquez sur la liste en haut du menu à droite

Optimiser le chemin de l'interface publique d'extraction de code d'interface

Interface optimisée - simplifiez les valeurs de retour et utilisez l'async d'es7

Liste de produits – obtenir l'identifiant de la catégorie

Composants du champ de recherche et des onglets de la liste de produits

Liste de produits – Style statique

Liste de produits - Rendu dynamique

Liste de produits – charger les données de la page suivante

Liste de produits : déroulez vers le bas pour actualiser

Ajouter un effet d'icône de chargement global

Détails du produit-Obtenir des données

Données de l'interface de détails du produit et analyse des pages

Détails du produit - rendu dynamique des images du carrousel

Détails du produit – prix, nom, image et détails du texte

Rendu dynamique optimisé pour les détails du produit

Détails du produit : agrandir l'image d'aperçu

Barre d'outils inférieure des détails du produit

Barre d'outils inférieure des détails du produit

Détails du produit-Ajouter au panier

Panier d'achat - Analyse du panier et style du bouton de réception

Analyse de l'adresse de livraison du panier

Panier d'achat - Processus complet d'obtention de l'adresse de livraison

Panier - optimisez le code pour obtenir l'adresse de livraison

Adresse de livraison du panier et affichage de commutation des boutons

Panier-Liste du panier-Style statique

Structure statique de la barre d'outils inférieure du panier d'achat

Rendu dynamique des données du panier d'achat

Affichage de toutes les données lors de la sélection du panier

Panier - Prix total et quantité totale

Panier - produit sélectionné

Sélection du panier d'achat, sélection tout inverse

Modification de la quantité d'articles dans le panier