Explication détaillée des compétences de développement du mini-programme WeChat et des compétences d'utilisation des outils de développement

1 : Compétences de développement

1. Toutes les pages doivent être dans l'application. . Les pages du fichier json sont enregistrées sous la forme de [chemin + nom de la page] (le nom de la page n'a pas besoin d'ajouter une extension de fichier)

2. La première enregistrée. dans les pages du fichier app.json La page est la page d'accueil du mini programme

3 Les fichiers js, json, wxml et wxss de chaque page doivent avoir le même chemin. et le nom du fichier

4. La modification directe de this.data dans le fichier js n'est pas valide. Veuillez utiliser la fonction this.setData()

5. .Utilisez la fonction this.setData() pour définir les données une fois Plus de 1024 Ko

6 Le mini-programme ne prend actuellement pas en charge l'introduction directe de node_modules. il est recommandé de copier le code correspondant dans le répertoire du mini programme

7. Les données peuvent être définies dans le composant, en commençant par data-. Les caractères majuscules seront automatiquement convertis en minuscules et transmis à la couche logique via des événements

8. Tous les composants et attributs sont en minuscules et connectés par des traits d'union

. 9. Les mini-programmes ne peuvent ouvrir que jusqu'à cinq pages en même temps

10. Le mini-programme doit envoyer une demande avec le protocole https et l'adresse de la demande doit enregistrer un. nom de domaine sécurisé sous l'appid correspondant

11. Il n'est pas autorisé dans les scripts de mini-programmes. À l'aide de window, les composants ne peuvent pas être exploités dans des scripts

12. Afin d'améliorer la fluidité de l'expérience, la taille du package de code compilé doit être inférieure à 1 Mo. Les packages de code supérieurs à 1 Mo ne pourront pas être téléchargés

13. le sélecteur de balise de page pour modifier le style du nœud de niveau supérieur, similaire à la balise body en HTML

2 : Compétences dans l'utilisation des outils de développement

Touches de raccourci

Ajustement du format

Ctrl+S : Enregistrer le fichier

Ctrl+[, Ctrl+] : Indentation de la ligne de code

Ctrl+Shift+[, Ctrl+Shift+] : Réduire le bloc de code ouvert

Ctrl +C Ctrl+V : Copier et coller, si aucun texte n'est sélectionné, copier et coller une ligne

Maj+Alt+F : Formatage du code

Alt+Up, Alt+Down : déplacer une ligne vers le haut ou vers le bas

Maj+Alt+Haut, Maj+Alt+Bas : Copier une ligne de haut en bas

Ctrl+Maj+Entrée : Insérer au-dessus de la ligne actuelle Une ligne

Ctrl+Shift+F : recherche globale

Lié au curseur

Ctrl+Fin : aller à la fin de le fichier

Ctrl+Accueil : Aller au début du fichier

Ctrl+i : Sélectionnez la ligne actuelle

Maj+Fin : Sélectionnez du curseur à la fin de la ligne

Maj+Accueil : Sélectionnez du début de la ligne jusqu'au curseur

Ctrl+Shift+L : Sélectionnez toutes les correspondances

Ctrl+D : Sélectionnez la correspondance

Ctrl+U : Retour en arrière du curseur

Lié à l'interface

Ctrl + : Masquer la barre latérale

Ctrl + m : Ouvrir ou masquer l'émulateur

Autres

1. La modification des fichiers wxml et wxss actualisera la page

2. La modification des fichiers js et json recompilera le petit programme.

3. Modifiez la page cible d'inscription dans le fichier app.json, le répertoire de la page et le fichier seront automatiquement générés

4. L'environnement de développement ne vérifie pas le nom de domaine sécurisé demandé et l'option de version TLS. Lorsque l'option est activée, le mini programme ne vérifiera pas le nom de domaine. sécurité et autres règles lors de l'exécution, ce qui est plus avantageux pour le débogage pendant le développement, vous pouvez définir

dans Projet - Informations de base 5. Vous. peut rapidement visualiser la sécurité de la configuration actuelle de l'application dans Projet - Informations de configuration

6. Lors de l'affichage de l'applet de débogage sur votre téléphone mobile. , vous pouvez cliquer sur le coin supérieur droit et sélectionner activer le débogage pour ouvrir le mode débogage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!