# 应用生命周期

app.js 文件的总体框架:

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
APP({
// 包含了各种各样的函数
//应用第一次启动就会触发的事件,获取用户信息
onLaunch() {

},
// 应用被用户看到
onShow(){
// 对应用的数据或者页面效果重置
},
// 应用被隐藏
onHide(){
// 暂停或者清除计时器
},
// 应用代码发生报错时,会触发
onError(err){
// 在应用发生代码报错的时候,收集用户的错误信息,同构异步请求,将错误的信息发送后台
},
// 页面找不到会触发
onPageNotFound(){
// 应用第一次启动的时候,如找不到入口页面,才会触发
}
})

# 页面生命周期

页面的 js 文件结构如下:相关函数已经按照执行顺序排列

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
Page({
/**
* 页面的初始数据
*/
data: {

},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// 通过发送异步请求来初始化页面数据
},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {

},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
// 需要让页面出现上下滚动才可
},

/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {

},

/**
* 页面滚动就可以出发
*/
onPageScroll(){

},

/**
* 页面的尺寸发生改变的时候触发
* 指小程序发生横屏竖屏切换的时候触发
*/
onResize(){

},

/**
* 必须要求当前页面是tabbar页面
* 点击自己的tab item才会触发
*/
onTabItemTap(){

}
})