Maison  >  Article  >  Applet WeChat  >  Problèmes auxquels il convient de prêter attention lors du développement de pages de mini-programme de partage

Problèmes auxquels il convient de prêter attention lors du développement de pages de mini-programme de partage

零下一度
零下一度original
2017-05-24 09:22:052008parcourir

Cet article présente principalement des informations pertinentes compilées par les précautions de développement de la page du programme WeChat Mini. Les amis dans le besoin peuvent se référer aux

Précautions minimales de développement du programme :

1. fichier js

Le fichier js correspondant à chaque page peut définir la page onReady,

onLoad, onShow, onHide, onUnload, ainsi que les données de page, les fonctions personnalisées doivent être écrites en un seul morceau, et l'accord interne est de toutes les écrire après la fonction par défaut. Autrement dit, « d'abord les données sur la page, puis les fonctions par défaut, puis les fonctions personnalisées » facilite la révision du code et améliore l'efficacité de la collaboration.

2. Le fichier json

ne peut pas être vide par défaut, même s'il n'y a pas de contenu, il doit s'agir de données vides {}, à l'origine défini dans app.json Si le contenu doit être redéfini dans la page actuelle, copiez simplement le contenu et attribuez directement de nouvelles valeurs, qui peuvent être utilisées pour définir la barre d'état, la barre de navigation, le titre et la couleur d'arrière-plan de la fenêtre du mini-programme. Le plus couramment utilisé est le titre de la page

{
 "navigationBarTitleText": "我的",
 "selfdata":"全栈工程师师不靠谱更新",
 "tabBar": {
  "list": [{
  "pagePath": "pagePath",
  "text": "text",
  "iconPath": "iconPath",
  "selectedIconPath": "selectedIconPath"
  }],
  "position":"top"
 }
}
Si vous êtes habitué au menu en bas, mettons-en un en haut.

3. Le fichier wxml

doit être encapsulé en haut et en bas de la page, transformé en modèle et importé dans le HTML de la page

<import src="/pages/common/head.wxml"/>
<import src="/pages/common/foot.wxml"/>
respectivement. Une bonne habitude d'écriture est d'introduire la tête et le pied. Bien sûr, le contenu commercial est le corps. Chaque pièce est enveloppée en vue de faciliter le contrôle de la mise en page et

. classe

chargement de la page. Les données sont obtenues à partir du réseau ou du

cache , et les données sont restituées sur la page via le contenu défini dans les données de la page. Il existe de nombreuses utilisations pour des listes et conditions de présentation spécifiques.

4. wxssfichiers

@import "common.wxss";
les styles publics et les styles

réinitialisés doivent être gérés à l'avance en fonction des différents N'utilisez pas de px, n'utilisez pas de px, n'utilisez pas de px, les choses importantes doivent être dites trois fois Afin de garantir la compatibilité et l'adaptabilité, le mini programme utilise une nouvelle unité rpx

5. Fournissez un bouton d'interface utilisateur pour vider le cache local. Équivalent au commutateur de réinitialisation du projet, les données de cache, les données de fichier et les données d'autorisation peuvent être utilisées dans différents projets.

[Recommandations associées]

1.

Téléchargez le code source complet du mini-programme WeChat

2.

Chasing WeChat mini. Code source du magasin d'application du programme

3.

Démo de l'applet WeChat : Yangtao

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn