微信小程序頁面生命周期詳解
微信小程序頁面生命周期介紹，具體如下
頁面生命周期函數(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í)候就會觸發(fā)onUnload，從而不能再返回首頁。
詳情參考:微信小程序組件的navigator
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)簡單的輪播圖
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)簡單的輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
JavaScript 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)（xml同步/異步加載、xsl轉(zhuǎn)換、selectSingleNode、selectNodes）2011-11-11
ImageZoom 圖片放大鏡效果（多功能擴(kuò)展篇）
上一篇ImageZoom已經(jīng)對圖片放大效果做了詳細(xì)的分析，這次在ImageZoom的基礎(chǔ)上進(jìn)行擴(kuò)展，實(shí)現(xiàn)更多的效果。2010-04-04
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈動小球效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了js簡單實(shí)現(xiàn)圖片延遲加載的方法,涉及javascript針對頁面元素的遍歷與動態(tài)設(shè)置技巧,需要的朋友可以參考下2016-07-07
那些項(xiàng)目中常見的TypeScript錯(cuò)誤總結(jié)
這篇文章主要給大家總結(jié)介紹了一些項(xiàng)目中常見的TypeScript錯(cuò)誤的相關(guān)資料,如果你想查看所有的錯(cuò)誤信息和錯(cuò)誤碼,可以瀏覽TypeScript的源代碼倉庫,當(dāng)然隨著?ts?版本的更新,官網(wǎng)也會逐漸增加更多新的類型錯(cuò)誤,需要的朋友可以參考下2022-03-03
xml 與javascript結(jié)合的問題解決方法...2007-03-03
JavaScript雙問號操作符(??)詳解及如何解決使用||時(shí)因類型轉(zhuǎn)換帶來的問題
雙問號操作符是ES2020引入的一個(gè)用于處理變量默認(rèn)值的新特性,與傳統(tǒng)的邏輯或操作符||不同,這篇文章主要介紹了JavaScript雙問號操作符(??)詳解及如何解決使用||時(shí)因類型轉(zhuǎn)換帶來的問題,需要的朋友可以參考下2025-04-04
函數(shù)定義可以嵌套在其他函數(shù)中，常用作子函數(shù)。但不能出現(xiàn)在循環(huán)或條件語句中。2008-10-10
JavaScript常用數(shù)組元素搜索或過濾的四種方法詳解
這篇文章主要介紹了JavaScript常用數(shù)組元素搜索或過濾的四種方法,每種方式通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08