Maison >Applet WeChat >Développement de mini-programmes >Explication détaillée du développement du mini-programme WeChat
Cette série est une explication détaillée de l'auteur depuis le début. Elle convient aux débutants pour regarder et apprendre étape par étape selon la série
1 : Le cycle de vie de la page
Ajouté dans la page initiale : index.js Le code affiché dans la figure 1 Figure 1Après avoir cliqué sur "Compiler", exécutez ceci petit programme : le journal est illustré dans la figure 2 : le démarrage de l'index de la page initiale .js démarrera à partir de l'appel de la méthode du cycle de vie dans l'application, js : onLaunch---onShow, puis commencera à appeler la méthode du cycle de vie dans la page index.js. : onLoad---onShow---onReady, lorsque "Background" est cliqué Lorsque la page index.js entre en arrière-plan, la méthode de cycle de vie onHide est rappelée, comme le montre la figure 3. Si vous cliquez à nouveau sur "Foreground", la page revient au premier plan et la méthode du cycle de vie de la page : onShow est rappelé (notez qu'à ce moment-là, plus de rappel onLoad) Comme le montre la figure 4 Figure 2 Figure 3 Figure 4itemClick: function (){ console.log("---index page itemClick---"); wx.navigateTo({ url: '../logs/logs' })Parmi eux : wx.navigateTo représente le saut de la page index.js à la page pages/logs/logs, remarque : naviguerTo signifie qu'après avoir sauté à la page des journaux, le La page d'index n'est pas détruite. Sous la page des journaux, vous pouvez revenir à la page d'index via le bouton de retour dans le coin supérieur gauche de la page des journaux, et s'il s'agit de wx.redirectTo, la page d'index La page est détruite et ne peut pas être détruite. renvoyé de la page des journaux à la page d'index. Ici, nous prenons uniquement wx.navigateTo comme exemple Figure 5Si vous cliquez dans le simulateur Après le composant texte de l'article 2, accédez au journal de l'interface des journaux correspondant comme indiqué dans la figure 6. Le code js correspondant de la page des journaux est illustré dans la figure 7. En comparant la figure 6 et la figure 7, nous pouvons voir qu'en sautant de la page d'index vers les journaux Dans le processus de la page, la méthode du cycle de vie de l'index onHide doit être appelée en premier (s'il s'agit d'un saut wx.redirectTo, la méthode du cycle de vie de l'index onUnload doit également être appelée), puis la méthode du cycle de vie de la page des journaux doit être appelée dans l'ordre : onLoad---onShow--- onReady Figure 6 Figure 7
url : "../logs/logs?id=1&title=title abc "
})
<navigator url="../logs/logs?id=100&title=标题" >Pour des explications plus détaillées sur le développement de l'applet WeChat et des articles connexes, veuillez faire attention au site Web PHP chinois !