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

axios實(shí)現(xiàn)簡(jiǎn)單文件上傳功能

JavaScript通過RegExp實(shí)現(xiàn)客戶端驗(yàn)證處理程序