Analyse du cycle de vie dans les petits programmes (avec code)

Le contenu de cet article concerne l'analyse du cycle de vie des petits programmes (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Tout d'abord, réfléchissons à : lorsque nous cliquons sur l'écran ou effectuons un événement déclencheur similaire comme faire glisser l'écran, pourquoi l'interface effectue-t-elle les modifications correspondantes ?

La raison est la suivante : l'ensemble de l'application applet comporte 2 threads

• Un thread affiche le rendu

• Un thread est logique.
  Maintenant, vous devriez presque le savoir : les fichiers wxml et wxss sont principalement utilisés pour l'affichage des vues, tandis que les fichiers js sont principalement utilisés pour le traitement logique en réponse aux événements !

Deuxièmement, recommençons Analyse : Lorsque nous utilisons de petits programmes, nous constatons qu'il y a de nombreuses pages, alors qui gérera ces pages ? Quelle est la relation entre les pages et l'ensemble du programme

• [x ] Une application se compose d'applications et de pages, avec différents cycles de vie

• application
  Après le démarrage d'un programme, onLaunch—> onShow

App({
  onLaunch: function () {
  },
  onShow: function (options) {
  },
  onHide: function () {
  },
  onError: function (msg) {
  }
})

• pages
  Après le démarrage d'un programme, après avoir exécuté onLaunch—>onShow, puis chargez la page d'accueil onLoad— >onShow—>onReady

Page({
  data: {
  },
  onLoad: function (options) {
  },
  onReady: function () {
  },
  onShow: function () {
  },
  onHide: function () {
  },
  onUnload: function () {
  },
  onPullDownRefresh: function () {
  },
  onReachBottom: function () { 
  },
  onShareAppMessage: function () {
  }
})

À ce stade, vous avez vu la page d'accueil rendue !

Si à ce moment, vous voulez voir votre beau ou un beau selfie, appuyez sur le bouton Accueil ou cliquez sur le petit cercle de sortie dans le coin supérieur droit, qu'arrive-t-il au mini programme à ce moment-là
- Chargement de la page d'accueil onLaunch—>onShow—>onLoad—>onShow—>onReady chargement terminé
- Pour quitter, l'applet exécute en fait onHide (onHide de la page) —>onHide (onHide de l'application)
Si après avoir fini d'apprécier le selfie, vous pensez au mini programme tout à l'heure et souhaitez y jeter un œil, que devez-vous faire ? Après l'avoir ouvert, réfléchissez à ce que fera le mini programme ? ça ? - NON NON NON ! Si la durée de visionnage de votre selfie n'est pas très longue, ou si la mémoire est suffisante pour que l'applet reste un moment, il suffit de réveiller l'applet ^.^
! - onLaunch—>onShow—>onLoad—>onShow—>onReady—>onHide(page)—>onHide(app) Il s'agit de la bouée de sauvetage après avoir chargé la page d'accueil tout à l'heure et quitté Si vous revenez à. cette fois, le programme ressemblera à ceci : onShow(app)—>onShow(page)

À ce stade, il ne devrait y avoir aucun problème avec le chargement de base d'une page

Pas de problème, passons directement aux choses avancées

1. Ouvrir une nouvelle page [Pousser la nouvelle page dans la pile]

• Page originale : onHide

• Nouvelle page : onLoad—>onShow—>onReady

Redirection de page [Page originale Pop the pile, poussez la nouvelle page dans la pile]

• Page originale : onUnload

• Nouvelle page : onLoad—>onShow— > ;onReady

Retour de page [afficher la nouvelle page, afficher la page d'origine]

• Nouvelle page : onUnload

• Page originale : onShow

Changement d'onglet

• Nouvelle page :onHide

• Page originale : Scénario 1 (chargé) : onShow Scénario 2 (non chargé) : onLoad—>onShow—>onReady

Recommandations associées :

Code complet pour le chargement automatique de l'applet

Exemple d'applet WeChat : Comment obtenir l'effet d'animation du chapiteau (Avec code)

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!