微信小程序:頁面生命周期


小程序生命周期分為應用生命周期和頁面生命周期

1、Onload:頁面加載時觸發,一般在onLoad中發送異步請求來初始化頁面數據。

2、onShow:頁面顯示時觸發

3、onReady:頁面初次渲染完成時觸發。

4、onHide:是頁面隱藏時觸發,注意不是應用隱藏,切后台時,頁面就會隱藏。即整個小程序隱藏時,頁面也就隱藏了。另外,在當前頁面跳轉的時候也相當於當前頁面隱藏。

 

5、onUpload:頁面卸載(關閉)時觸發,當open-type為redirect,reLaunch,navigateBack時都是關閉當前頁面,也即卸載當前頁面。

 

6、onPullDownRefresh:監聽用戶的下拉動作,當在app.json中配置了允許下拉刷新,在頁面中往下拉動就會有下拉刷新的效果。還可以設置下拉刷新時的背景顏色。

 

下拉刷新時往往需要對頁面數據就行初始化,重新發請求來拿數據。

7、onReachBottom:頁面上拉觸底時才會觸發。 如果頁面高度不夠,就不會發生滾動,也就沒有頁面上拉觸底。故需要讓頁面出現上下滾動才行。

如何才能實現頁面出現上下滾動呢?加一堆view標簽就可以了。輸入view{$}*100,就會出現100個標簽。

onReachBottom中做上拉加載下一頁數據的操作

8、onShareAPPMessage:用戶點擊右上角轉發的時候才會觸發,點擊右上角的三個點就會彈出轉發按鈕。點擊轉發按鈕后,由於應用和頁面都被隱藏了,所以打印效果如下。

 

9、onPageScroll:表示頁面滾動就可以觸發,

10、onResize:頁面尺寸改變時觸發。由於手機屏幕是固定的,這種情況很少發生,但在小程序發生橫屏和豎屏切換時會觸發。使小程序中的頁面支持屏幕旋轉的方法是:在app.json的window段中設置“pageOrientation”:“auto”,這樣所有頁面都可以發生屏幕旋轉,或在頁面json文件中配置“pageOrientation”:“auto”,這樣只有當前頁面發生屏幕旋轉。

11、onTabItemTap:當前是標簽頁(頂部或底部有tabBar的頁面),再點擊自己的tab item時才會觸發。如當前頁是標簽頁demo4,tabBar中點擊demo4時才會觸發。而點擊其他的Tab item則不會觸發。

先使當前頁面變成tabBar頁面,即在app.jsontabBar中在新增一項

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM