微信小程序(4)

小程序生命周期

小程序生命周期分为应用生命周期和页面生命周期

应用生命周期

下列代码是在首页的js实现的(也就是app.js)

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
// app.js
App({
//应用第一次启动的时候就会触发
onLaunch() {
console.log("onlaunch")
//配合onPageNotFound函数
// wx.navigateTo({
// url: '/11/22/33',
// })
},
//应用被用户看到,就是切到其它软件后再切回来
//多数用于对应用的数据或者页面效果重置
onShow(){
console.log("onshow")
},
//应用被隐藏
//暂停或清楚定时器
onHide(){
console.log("onHide")
},
//应用的代码发生了报错的时候就会触发
//可以手机用户的错误信息,通过异步请求,将错误信息发送到后台
onError(err){
console.log("onError")
console.log(err)
},
//页面找不到就触发
//应用第一次启动的时候,如果找不到第一个入口页面才会触发
//页面不存在,通过js的方式来重新跳转页面,调到第二个首页。不能调到tabbar页面
onPageNotFound(){
wx.navigateTo({
url: 'pages/demo08/demo08'
})
//console.log("onPageNotFound")
}
})

页面生命周期

注意:1、监听页面卸载也就是关闭页面,这也可以通过超链接来演示

​ 2、监听用户下拉动作用于页面的数据或者效果的重新刷新

​ 3、页面上拉触底事件的处理函数需要让页面出现上下滚动才行

​ 4、onPageScroll和页面上拉触底事件不同,onPageScroll只需要页面滚动就可以触发

​ 5、onResize页面的尺寸改变的时候可以触发,小程序发生了横屏竖屏切换的时候也可以触发。我们可以在需要触发这个事件的文件夹的json文件中,加入”pageOrientation”: “auto”,即可开启横屏竖屏切换

​ 6、onTabItemTap必须要求当前页面也是tabbar页面,点击自己的tab item的时候才触发

----本文结束,感谢您的阅读。如有错,请指正。----
大哥大嫂过年好!支持我一下呗
0%