Analyse des Lebenszyklus in kleinen Programmen (mit Code)

Der Inhalt dieses Artikels befasst sich mit der Analyse des Lebenszyklus kleiner Programme (mit Code). Ich hoffe, dass er für Freunde hilfreich ist.

Lassen Sie uns zunächst darüber nachdenken: Wenn wir auf den Bildschirm klicken oder ein ähnliches Auslöseereignis wie das Verschieben des Bildschirms ausführen, warum nimmt die Benutzeroberfläche dann entsprechende Änderungen vor?

Der Grund ist: Die gesamte Applet-Anwendung hat 2 Threads

• Ein Thread führt die Ansichtsdarstellung durch.

• Ein Thread führt die logische Darstellung durch Verarbeitung.
  Jetzt sollten Sie fast wissen: WXML- und WXSS-Dateien werden hauptsächlich für die Anzeige von Ansichten verwendet, während JS-Dateien hauptsächlich für die logische Verarbeitung als Reaktion auf Ereignisse verwendet werden!

Zweitens, machen wir es noch einmal. Analyse: Wenn wir kleine Programme verwenden, werden wir feststellen, dass es viele Seiten gibt. Welche Beziehung besteht also zwischen den Seiten und dem gesamten Programm?

• [x ] Eine App besteht aus Apps und Seiten mit unterschiedlichen Lebenszyklen

• App

  Nachdem ein Programm gestartet wurde, wird onLaunch-> onShow
  

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

• pages

  Nachdem ein Programm gestartet wurde, laden Sie nach der Ausführung von onLaunch—>onShow die Homepage und laden Sie die Homepage onLoad—> onShow –>onReady
  

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

Zu diesem Zeitpunkt haben Sie die gerenderte Homepage gesehen!

Wenn Sie zu diesem Zeitpunkt Ihr hübsches oder schönes Selfie sehen möchten, Drücken Sie die Home-Taste oder klicken Sie auf den kleinen Exit-Kreis in der oberen rechten Ecke. Was ist zu diesem Zeitpunkt mit dem Miniprogramm passiert? - Das Laden der Startseite bei Launch –>onShow –>onLoad –>onShow –>onReady ist abgeschlossen

– Zum Beenden führt das Applet tatsächlich onHide (onHide der Seite) –>onHide (onHide der App)
aus Wenn Sie gerade mit dem Bewundern des Selfies an das Miniprogramm denken und daran interessiert sind, es anzusehen, was sollten Sie tun? Nach dem Öffnen sollten Sie darüber nachdenken, was das Miniprogramm tun soll es?
- NEIN NEIN NEIN! Wenn Ihre Selfie-Anzeigezeit nicht sehr lang ist oder der Speicher ausreicht, um das Applet eine Weile zu halten, muss das Applet nur aktiviert werden ^.^
- onLaunch –>onShow –>onLoad –>onShow –>onReady –>onHide(page) –>onHide(app) Dies ist die Lebensader nach dem Laden der Homepage und dem Verlassen, wenn Sie erneut bei Diesmal läuft das Programm folgendermaßen ab: onShow(app) –>onShow(page)


Zu diesem Zeitpunkt sollte es kein Problem mit dem einfachen Laden einer Seite geben

Kein Problem, gehen wir direkt zu den fortgeschrittenen Dingen

Eine neue Seite öffnen [Neue Seite in den Stapel verschieben]

Originalseite: onHide
Neue Seite: onLoad –>onShow –>onReady

Seitenumleitung [Originalseite Pop the Stapel, schiebe die neue Seite in den Stapel]

Originalseite: onUnload
Neue Seite: onLoad—>onShow— > ;onReady

Seitenrücklauf [Neue Seite öffnen, Originalseite anzeigen]

Neue Seite: onUnload
Originalseite: onShow

Tab-Wechsel

Neue Seite :onHide
Originalseite: Szenario 1 (geladen): onShow Szenario 2 (nicht geladen): onLoad –>onShow –>onReady

Verwandte Empfehlungen:

Vollständiger Code zum automatischen Laden des Applets

WeChat-Applet-Beispiel: So erzielen Sie den Animationseffekt von Marquee (Mit Code)

Das obige ist der detaillierte Inhalt vonAnalyse des Lebenszyklus in kleinen Programmen (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!