微信小程序生命周期详解

微信小程序生命周期

欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~

app.js生命周期

说到生命周期,无非就是创建、更新、销毁等阶段,类似于VueReact

下面是我在微信小程序开发者工具输入App()自动补全的信息,关于这些钩子函数的解释都自动注释了,十分方便

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
App({

/**
* 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
*/
onLaunch: function () {

},

/**
* 当小程序启动,或从后台进入前台显示,会触发 onShow
*/
onShow: function (options) {

},

/**
* 当小程序从前台进入后台,会触发 onHide
*/
onHide: function () {

},

/**
* 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
*/
onError: function (msg) {

}
})

页面Page生命周期

下面我们来看看页面的生命周期,同样的,写上Page()可以自动生成以下代码,其中钩子函数的解释也是直接注释好的

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
Page({

/**
* 页面的初始数据
*/
data: {

},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {

},

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

},

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

},

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

},

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

},

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

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {

},

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

}
})

官网中关于App.js生命周期

生命周期回调函数写的很详细,推荐直接看官方文档

官网中页面生命周期

Page生命周期

参考文章

本文标题:微信小程序生命周期详解

文章作者:王工头

发布时间:2019年02月12日 - 19:55:13

最后更新:2019年02月12日 - 23:39:48

原始链接:https://qqqww.com/微信小程序生命周期详解/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢大佬们的阅读-------------