微信小程序頁面生命周期詳解
更新時間：2018年01月31日 09:35:55 作者：Rattenking
這篇文章主要為大家詳細(xì)介紹了微信小程序頁面生命周期的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
微信小程序頁面生命周期介紹，具體如下
頁面生命周期函數(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==");
}
})
進入首頁觸發(fā)的函數(shù)
進入和離開blog頁面的觸發(fā)函數(shù)
總結(jié)：
1. 在離開首頁進入詳情頁面的時候采用的是onHide函數(shù)—-只是將頁面隱藏，當(dāng)我們回到首頁的時候直接用onShow顯示就好;
2. 在離開詳情頁面的時候采用的是onUnload函數(shù)—-此處是將頁面卸載，所以下次進入詳情頁面的時候，我們需要將頁面再次（加載—-顯示—-渲染）
3. 以上情況是在不設(shè)置open-type的情況，如果open-type=”redirect”，那么在離開首頁的時候就會觸發(fā)onUnload，從而不能再返回首頁。
詳情參考:微信小程序組件的navigator
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)頁面可刷新的倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了js實現(xiàn)4個方向滾動球的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
計時器效果想必大家都見到過吧，其實使用js可以很輕松的實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
2008-02-02
javascrip關(guān)于繼承的小例子，需要的朋友可以參考一下2013-05-05
Swiper是移動端的一款非常強大的觸摸滑動插件。下面通過本文給大家分享JS中Swiper的使用和輪播圖效果，感興趣的的朋友一起看看吧2017-08-08
這篇文章主要介紹了JavaScript 閉包機制詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了axios實現(xiàn)簡單文件上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09 
JavaScript通過RegExp實現(xiàn)客戶端驗證處理程序
通過RegExp實現(xiàn)客戶端驗：讓文本框只允許輸入數(shù)字、文本框只允許輸入中文、郵箱輸入格式的判斷等等，具體實現(xiàn)如下，感興趣的朋友可以參考下哈
2013-05-05