微信小程序頁面生命周期詳解
微信小程序頁面生命周期介紹,具體如下
頁面生命周期函數(shù)
onLoad—-監(jiān)聽頁面加載
onReady—-監(jiān)聽頁面初次渲染完成
onShow—-監(jiān)聽頁面顯示
onHide—-監(jiān)聽頁面隱藏
onUnload—-監(jiān)聽頁面卸載
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
banner_url:data.bannerList(),
open:false
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function (options) {
console.log("==onLoad==");
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
onReady: function () {
console.log("==onReady==");
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
console.log("==onShow==");
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面隱藏
*/
onHide: function () {
console.log("==onHide==");
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面卸載
*/
onUnload: function () {
console.log("==onUnload==");
}
})
進(jìn)入首頁觸發(fā)的函數(shù)
進(jìn)入和離開blog頁面的觸發(fā)函數(shù)
總結(jié):
1. 在離開首頁進(jìn)入詳情頁面的時(shí)候采用的是onHide函數(shù)—-只是將頁面隱藏,當(dāng)我們回到首頁的時(shí)候直接用onShow顯示就好;
2. 在離開詳情頁面的時(shí)候采用的是onUnload函數(shù)—-此處是將頁面卸載,所以下次進(jìn)入詳情頁面的時(shí)候,我們需要將頁面再次(加載—-顯示—-渲染)
3. 以上情況是在不設(shè)置open-type的情況,如果open-type=”redirect”,那么在離開首頁的時(shí)候就會(huì)觸發(fā)onUnload,從而不能再返回首頁。
詳情參考:微信小程序組件的navigator
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
js實(shí)現(xiàn)4個(gè)方向滾動(dòng)的球
本文主要介紹了js實(shí)現(xiàn)4個(gè)方向滾動(dòng)球的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JavaScript 閉包機(jī)制詳解及實(shí)例代碼
這篇文章主要介紹了JavaScript 閉包機(jī)制詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
JavaScript通過RegExp實(shí)現(xiàn)客戶端驗(yàn)證處理程序

