Introduction détaillée aux outils de développement

Le téléphone de test est l'IPHONE6, version de l'outil de développement 0.10.102800. Le canevas de l'applet WeChat est différent du canevas h5 à bien des égards. Le canevas de l'applet WeChat s'appelle wxcanvas ci-dessous. testé petit à petit, soyez patient et regardez : 1.wxcanvas n'a pas d'attributs de largeur et de hauteur ni de styles de largeur et de hauteur comme h5canvas. Il n'a que du style, qui peut être compris comme une boîte ; 2. Ne considérez pas wxcanvas comme un vrai H5canvas, considérez-le simplement comme un p. Les choses qui dessinent des plages existent également. Changer la largeur et la hauteur l'affichera. ou en d'autres termes Il y a un redessin ici, mais je ne sais pas comment l'implémenter spécifiquement ; 3. Changer la largeur et la hauteur du style de wxcanvas ne change pas la taille des éléments sur la toile d'origine ; et la réduction de la transformation CSS ne peut pas changer la peinture originale. La taille des éléments sur le tissu est de 5. Déclaration officielle : le contexte n'est qu'un conteneur pour les appels de méthode d'enregistrement, utilisé pour générer des enregistrements

1. . Explication détaillée de wxcanvas dans le développement de petits programmes

Introduction : Le téléphone de test est l'IPHONE6, outil de développement version 0.10.102800. Il existe de nombreuses différences dans le canevas non-h5 de l'applet WeChat. Au même endroit, le canevas de l'applet WeChat est appelé wxcanvas dans ce qui suit

2. Bibliothèque de styles de base de l'applet--WeUI

Introduction : TODO : Mini intégration du programme WeUI WeUI est conçu sur mesure pour les services Web WeChat. WeUI est une bibliothèque de styles de base cohérente avec l'expérience visuelle native de WeChat. Elle est conçue par l'équipe de conception officielle de WeChat pour le développement Web de WeChat, ce qui peut rendre la perception de l'utilisation des utilisateurs plus unifiée. Contient divers éléments tels qu'un bouton, une cellule, une boîte de dialogue, une progression, un toast, un article, une feuille d'action, une icône, etc. 1. Utilisez les outils de développement WeChat pour ajouter un nouveau projet MWL 2. Téléchargez WeUI...

3 Une étude préliminaire sur la technologie pour réaliser la première expérience de WeChat mini. outils de développement de programmes (photo)

Introduction : les mini-programmes WeChat sont un sujet brûlant en ce moment, et là Il y a déjà de nombreux articles liés au développement de mini-programmes WeChat sur le marché, j'ai pris le temps de jouer avec l'applet WeChat ce soir et j'ai jeté un œil à la mise en œuvre de l'outil de développement d'applet WeChat. Il a été développé à l'aide de Node.js. a été développé sur la base du framework NW.js et prend en charge Windows multiplateforme avec Mac. La première expérience avec l'outil de développement de mini-programme WeChat consiste bien sûr à télécharger le mini-outil de développement de programme WeChat, l'adresse de téléchargement de l'outil de développement Web WeChat, puis à trouver un petit code source de programme dans WeChat Zhihu WeChat mini...

4. Le mini programme Alipay a été discrètement lancé le 4 mai. Comment WeChat devrait-il en profiter ?

Introduction : En fait, dès janvier de cette année, certains internautes ont révélé qu'Alipay serait également a lancé le programme Mini et a publié une capture d'écran de l'outil de développement. La rumeur dit qu'Alipay lancera le mini programme Alipay la semaine prochaine. Il n'est pas surprenant que WeChat se connecte hors ligne en scannant le code QR pour appeler le mini programme, et c'est ce qu'Alipay fait hors ligne. fait.

5. Explication détaillée des exemples de traitement asynchrone dans l'applet WeChat (async/await)

Introduction : j'ai fait à la fois Promise et co, mais je n'ai finalement pas pu m'empêcher de trouver la solution ultime pour ES7 : async/await. async/await est également utilisé conjointement avec Promise. Jetons d'abord un coup d'œil à l'exemple de code. Cette utilisation est très similaire à l'utilisation conjointe dont nous avons parlé précédemment : pour utiliser async/await dans un petit programme, comptez sur le Web WeChat. outils de développement L'outil de conversion Babel n'est pas suffisant, car des plug-ins Babel supplémentaires sont nécessaires pour compiler le code en utilisant async/await...

Vous apprendre comment. supprimer les méthodes WeChat pour invalider les projets dans les outils de développement Web

Introduction : J'utilise quotidiennement les outils de développement Web WeChat pour apprendre et développer nos mini-programmes WeChat. Au cours du processus, nous pouvons créer de nombreux mini-projets de programme. Il y aura toujours des moments où je devrai supprimer ceux que nous réalisons. non Normalement, nous pouvons entrer le projet que nous voulons supprimer, trouver le bouton "Supprimer le projet" dans le menu "Projet" et dissocier le projet des outils de développement (le code ne sera pas réellement supprimé). Cependant, parfois nous supprimons d'abord le dossier de code, ou déplaçons l'emplacement du dossier de code, puis revenons aux outils de développement, nous constaterons que nous ne pouvons pas entrer dans le projet et ne pouvons pas le supprimer...

7. Partagez un tutoriel sur la configuration d'une applet WeChat pour accéder au serveur d'interface nodejs

Introduction : J'ai récemment développé une applet de compte d'application WeChat. L'interface de données d'arrière-plan de l'applet nécessite des requêtes sécurisées https, mon serveur nodejs doit donc être capable de fournir le support https. serveur. Dites-le. Tout d'abord, j'ai essayé le certificat expiré précédent. Lors de la simulation dans les outils de développement, je peux accéder à l'interface normalement. Lors des tests sur le téléphone mobile, le wx.request de l'applet WeChat signalera une erreur d'échec de la négociation SSL (erreur de demande : demande). : échouer ...

8. Vous faire comprendre l'origine des mini programmes

Introduction : Après une compréhension approfondie de la structure des mini-programmes WeChat, vous réaliserez peut-être tranquillement que toutes les innovations de React sont très efficaces. Basé sur le DOM virtuel, WeChat a construit un navigateur WeChat, qui est l'environnement d'exécution du mini-programme. (Lien original) Vous trouverez ci-joint l'adresse du texte original, avec quelques modifications. Voici le texte - Tout d'abord, vous avez besoin des outils suivants 1. Ordinateur Mac 2. Outil de développement Web WeChat.app 3. . WebStorm / autres programmeurs ou IDE, il est préférable de prendre en charge le changement de nom en premier...

9 En tant qu'outils de développement que les programmeurs Python doivent connaître<.>

Introduction : Python a fait évoluer un large éventail de Un écosystème qui facilite la vie des programmeurs Python et réduit la nécessité pour eux de se réinventer la roue. La même idée s'applique au travail des développeurs d'outils, même si les outils qu'ils développent n'apparaissent pas dans le produit final. Cet article présentera les outils de développement que les programmeurs Python doivent connaître. 🎜>10. Front-end Advanced (6) : Observez la pile d'appels de fonction, la chaîne de portée et les fermetures

<.>

Introduction : Dans le développement front-end, il existe une compétence très importante appelée débogage des points d'arrêt. Dans les outils de développement de Chrome, grâce au débogage des points d'arrêt, nous pouvons très facilement observer le processus d'exécution de JavaScript étape par étape, et percevoir intuitivement les informations clés telles que les piles d'appels de fonction, les chaînes de portée, les objets variables, les fermetures, etc. Par conséquent, le débogage des points d'arrêt joue un rôle très important dans la localisation rapide des erreurs de code et la compréhension rapide du processus d'exécution du code. une compétence avancée essentielle pour nos développeurs front-end. Bien sûr, si vous êtes familier avec JavaScript...

【Recommandations de questions et réponses associées】 :

javascript - Comment déboguer les navigateurs IE de bas niveau dans les outils de développement IE F12 ?

javascript - Le nom de domaine https configuré dans l'applet WeChat est valide dans le test de l'outil de développement, mais lors de la prévisualisation sur le téléphone mobile, le message « non vérifié » s'affiche. Que se passe-t-il ?

javascript - Vous avez des questions lors de la modification de valeurs via des outils de développement et de l'utilisation des méthodes text(), val(), attr(), data() de jquery pour obtenir les valeurs modifiées ?

javascript - Lorsque je consulte le code d'autres personnes, comment puis-je trouver rapidement où se situe l'événement correspondant ?

javascript - Comment obtenir la taille affichée lorsqu'un élément est sélectionné dans les outils de développement Chrome ?

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!