微信小程序

 

生命周期

 

 

1.小程序注册完成后,加载页面,触发onLoad方法。(切记,onShow和onLoad的区别,onShow是每当进入这个页面时就会触发而onload是载入进来时才触发

 

2.页面载入后触发onShow方法,显示页面。

 

 

 

3.首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。

 

 

 

4.当小程序后台运行或跳转到其他页面时,触发onHide方法。

 

 

5.当小程序从后台进入到前台运行或重新进入页面时,触发onShow方法。(切记,onShow和onLoad的区别,onShow是每当进入这个页面时就会触发而onload是载入进来时才触发

 

 

 

 

6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload

 

 

 

7. 当从非tabbar页面切换到tabbar页面时,会被销毁

 

8. onLaunch只有App.js才有

 

 

 1 Page({
 2 
 3   /**
 4    * 页面的初始数据
 5    */
 6   data: {
 7 
 8   },
 9 
10   /**
11    * 生命周期函数--监听页面加载
12    */
13   onLoad: function (options) {
14     console.log('加载... - Index2');
15   },
16 
17   /**
18    * 生命周期函数--监听页面初次渲染完成
19    */
20   onReady: function () {
21     console.log('首次渲染完成... - Index2');
22   },
23 
24   /**
25    * 生命周期函数--监听页面显示
26    */
27   onShow: function () {
28     console.log('页面显示.. - Index2');
29   },
30 
31   /**
32    * 生命周期函数--监听页面隐藏
33    */
34   onHide: function () {
35     console.log('页面隐藏.. - Index2');
36   },
37 
38   /**
39    * 生命周期函数--监听页面卸载
40    */
41   onUnload: function () {
42     console.log('页面卸载... - Index2');
43   },
44 
45   /**
46    * 页面相关事件处理函数--监听用户下拉动作
47    */
48   onPullDownRefresh: function () {
49 
50   },
51 
52   /**
53    * 页面上拉触底事件的处理函数
54    */
55   onReachBottom: function () {
56 
57   },
58 
59   /**
60    * 用户点击右上角分享
61    */
62   onShareAppMessage: function () {
63 
64   }
65 })

 

详细的官方API,点击查看

示例源码:点击下载

原文地址:https://www.cnblogs.com/cisum/p/9838630.html