L'analyse des données ne manquent pas de documents publics de l'applet micro-lettre.
Les procédures d'enregistrement App () fonction
App(Object object)applet d'enregistrement. Accepte un Objectparamètre qui spécifie les callbacks du cycle de vie et d' autres petits programmes.
App()Il faut app.jsappeler, vous devez appeler et être appelé qu'une seule fois. Dans le cas contraire, il y aura des conséquences imprévues.
Les développeurs peuvent se getApprendre à une manière unique au monde Appd'exemple, pour obtenir des Appdonnées ou en appelant les développeurs enregistrés dans la Appfonction.
cadre de base comme suit:
// app.js
App({
onLaunch (options) {
// Do something initial when launch.
},
onShow (options) {
// Do something when show.
},
onHide () {
// Do something when hide.
},
onError (msg) {
console.log(msg)
},
test:function() { //添加
console.log("my name is test and come from App.js");
},
globalData: { //添加
userInfo:null,
helloFromApp:'Hello,I come from App.js' //---添加
}
})
Quelle
onLaunchcycle de vie callbacks - l'auditeur petite initialisation du programme. Lorsque l'initialisation applet est terminée, il déclenchera onLaunch (Global déclenche une seule fois).
onshowfonction du cycle de vie - affiche applet du moniteur. Lorsque l'applet est démarré, ou à partir de l'arrière - plan dans l'affichage de premier plan est déclenché onShow.
onHidefonction du cycle de vie - applets moniteur cachés. Lorsque l'applet de premier plan dans l'arrière - plan, il déclenche onHide
onErrorune fonction de contrôle d'erreur. Quand une petite erreur de script se produit ou un appel api échoue, il déclenche onError et apporter le message d'erreur.
onPageNotFoundPage fonction d'écouteur n'existe pas. Lorsque la situation semblait être un petit programme pour ouvrir une page qui n'existe pas, la page apportera des informations à la fonction de rappel.
Premier plan, arrière - plan est défini : Lorsque l'utilisateur clique pour fermer le coin supérieur gauche, ou appuyez sur la touche Accueil pour quitter le dispositif de micro-canal, l'applet est pas directement détruit, mais dans le fond, la lettre de micro lors de la saisie ou re-ouvrir de nouveau l'applet, entrera au premier plan de fond . Notez que: Seul petit programme en arrière - plan quand un certain temps ou ressources système est trop élevé, sera la destruction réelle.
Remarque:
- Ne pas défini dans l'App (fonction) dans l'appel getapp (), vous pouvez utiliser cette application pour obtenir l'instance.
- Ne pas appeler getCurrentPage quand onLaunch de (), puis la page n'a pas été généré.
- En getapp (après l'acquisition par exemple, ne pas essayer d'appeler la fonction du cycle de vie).
Page (objet Object)
Une petite page d'inscription du programme. Prenez un paramètre de type objet, qui spécifie la page de données initiale, callbacks du cycle de vie, les gestionnaires d'événements et ainsi de suite.
dataLa page des données initiales.
Lorsque la page est chargée, les données sont transmises sous la forme d'une chaîne JSON rendu couche par la couche de logique, les données dans les données doivent être converties en types JSON: chaîne, nombre booléen, tableau d'objets.
onLoadcallbacks Cycle de vie - page moniteur charge
onShowcallbacks du cycle de vie - page affichage du moniteur
onReadycallbacks du cycle de vie - écouter le rendu de la page initiale est terminée
onHidecallbacks du cycle de vie - page écran Cacher
setDataLa fonction est utilisée pour les données d'émission à partir de la couche logique à la couche d'affichage (asynchrone), tout en faisant varier la valeur correspondant this.data (synchronisation).
Note: modifier directement this.data sans appeler this.setData ne peut pas changer l'état de la page, il se traduira par des incohérences de données.
ObjectDans key: valuela forme représentée, à this.datala keymodification de la valeur correspondant à value.
Exemples
//index.js
Page({
data: {
text: 'init data',
num: 0,
array: [{ text: 'init data' },{text:'ascboa'}],
object: {
text: 'init data'
}
},
changeText: function () {
// this.data.text = 'changed data' // bad, it can not work
this.setData({
text: 'changed data'
})
},
changeNum: function () {
this.data.num = 1
this.setData({
num: this.data.num
})
},
changeItemInArray: function () {
// you can use this way to modify a danamic data path
this.setData({
'array[1].text': 'changed data'
})
},
changeItemInObject: function () {
this.setData({
'object.text': 'changed data'
});
},
addNewField: function () {
this.setData({
'newField.text': 'new data'
})
}
})
<!--index.wxml-->
<view>{{text}}</view>
<button bindtap="changeText"> Change normal data </button>
<view>{{num}}</view>
<button bindtap="changeNum"> Change normal num </button>
<view>{{array[1].text}}</view>
<button bindtap="changeItemInArray"> Change Array data </button>
<view>{{object.text}}</view>
<button bindtap="changeItemInObject"> Change Object data </button>
<view>{{newField.text}}</view>
<button bindtap="addNewField"> Add new data </button>
requireNous pouvons obtenir d'autres fichiers pour exporter des données via require (), mais il faut noter que le chemin ne peut être passé à exiger un chemin relatif. Tels que:
var util = require("../../utils/util.js");
Ici aussi équivaut à ajouter une bibliothèque de fonctions personnalisées, communiquez avec les membres du util.
formFormulaire
report-submitsi un modèle de message pour envoyer un retour formId ..
report-submit-timeoutAttendre pendant un certain temps (millisecondes) pour confirmer l' effet de formId prendre. Si ce paramètre est pas spécifié, formId il y a une petite probabilité est invalide (la situation en cas de défaillance du réseau). Ce paramètre peut spécifier si détecter efficacement ou non formId à ce moment que le paramètre de délai d'attente de cette détection. Si elle échoue, elle retourne requestFormId: formId échouent début de
bindsubmitdonnées portant sous forme soumettre événement, event.detail = {value: { « name »: « value »}, formId: « »}
bindresetévénement déclencheur de réinitialisation lorsque le formulaire est remis à zéro .
Le cadre principal suit comme
<form bindsubmit="formSubmit" bindreset="formReset">
<button formType="submit">Submit</button>
<button formType="reset">Reset</button>
</form>
Analyse attribut de code de base app.json
app.jsonPour le fichier de données globales.
pageAttribut
chacun pagedoit être enregistré ici. En d' autres termes, se demandant ce petit programme de micro-canal page, regardez ici sur elle. Si vous voulez créer un nouveau page, comme ici a été ajouté à ce sujet .
windowsPropriétés
avigationBarBackgroundColor: Navigation couleur de fond de la barre.
navigationBarTitleText: Barre de navigation du texte.
navigationBarTextStyle: Navigation couleur du texte de la barre
