Detaillierte Interpretation des Seitenlebenszyklus im WeChat-Miniprogramm (ausführliches Tutorial)

Dieser Artikel stellt hauptsächlich relevante Informationen zum Lebenszyklus der WeChat-Miniprogrammseite im Detail vor. Er hat einen gewissen Referenzwert. Interessierte Freunde können sich auf

Einführung in den Lebenszyklus der WeChat-Miniprogrammseite beziehen . , die Details sind wie folgt

Seitenlebenszyklusfunktion

onLoad –-Überwachen des Ladens der Seite
onReady –-Überwachen des ersten Rendering-Abschlusses der Seite
onShow —-Seitenanzeige überwachen
onHide —-Auf Ausblenden der Seite achten
onUnload —-Auf Seitenentladen achten

Page({

 /**
  * 页面的初始数据
  */
 data: {
  banner_url:data.bannerList(),
  open:false
 },

 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  console.log("==onLoad==");
 },

 /**
  * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {
  console.log("==onReady==");
 },

 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
  console.log("==onShow==");
 },

 /**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {
  console.log("==onHide==");
 },

 /**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
  console.log("==onUnload==");
 }
})

Funktion wird beim Betreten der Startseite ausgelöst

Blog betreten und verlassen Die Triggerfunktion der Seite

Zusammenfassung:

1 , die Funktion onHide wird verwendet – sie verbirgt die Seite einfach, indem wir sie mit onShow anzeigen.
2 Beim Verlassen der Detailseite verwenden wir die Funktion onUnload Wenn wir also das nächste Mal die Detailseite aufrufen, müssen wir die Seite erneut laden (load--display--render)
3. Die obige Situation liegt vor, wenn open-type nicht festgelegt ist. type="redirect", dann wird onUnload beim Verlassen der Homepage ausgelöst und kann daher nicht zur Homepage zurückkehren.

Weitere Informationen finden Sie unter: Navigator der WeChat-Miniprogrammkomponente

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Detaillierte Antworten auf die Zwischenablage für JS-Operationen

Wie verwende ich die Lodash-Methode in Angular?

Vue-Router-Projektpraxis (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonDetaillierte Interpretation des Seitenlebenszyklus im WeChat-Miniprogramm (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!