微信小程序开发(生命周期)
全栈开发日记
共 1574字,需浏览 4分钟
· 2021-04-12
通俗点讲,生命周期就是指一个对象的生老病死。从软件的角度来看,生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。
本篇内容从应用生命周期和页面生命周期两个方面介绍微信小程序的生命周期。
应用生命周期
应用生命周期方法在app.js
文件中声明,下面是应用生命周期的方法:
① onLaunch
方法:应用第一次启动的时候会触发的事件。
App({
onLaunch() {
// 应用第一次启动的时候会触发的事件
}
})
② onShow
方法:应用被用户看到时候(比如后台切换后也算),如果是第一次启动小程序,该方法在onLaunch
方法后执行。
App({
onShow(){
// 应用被用户看到时候触发事件
}
})
③ onHide
方法:当应用被隐藏的时候触发。
App({
onHide(){
// 一般用于暂停或清除定时器
}
})
④ onError
方法:当小程序出现报错的时候。
onError(){
// 当应用发生代码错误的时候,收起错误信息,将错误信息发送给后台
}
⑤ onPageNotFound
方法:当页面找不到会触发。
onPageNotFound(){
// 当应用第一次被打开时,找不到入口页时才会被触发
wx.wx.navigateTo({
// 当找不到启动页面时就会跳转到以下页面
url: '/pages/logs/logs'
});
}
页面生命周期
页面生命周期方法在页面.js
文件中声明,下面是页面生命周期的方法:
① 生命周期函数--监听页面加载。
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// 发送一些异步请求来初始化页面数据
},
② 生命周期函数--监听页面显示。
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
// 页面显示之后
},
③ 生命周期函数--监听页面初次渲染完成。
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
④ 生命周期函数--监听页面隐藏。注意不是应用隐藏,但是应用隐藏后页面也跟着隐藏。
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
// 注意不是应用隐藏,但是应用隐藏后页面也跟着隐藏
},
⑤ 生命周期函数--监听页面卸载。在跳转其他页面时关闭当前页面会触发。
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
// 在跳转其他页面时关闭当前页面会触发
},
⑥ 页面相关事件处理函数--监听用户下拉动作。
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 监听用户下拉刷新操作
},
⑦ 页面上拉触底事件的处理函数。可以对加载下一页数据操作。
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
// 当页面内容到低时触发
// 可以对加载下一页数据操作
},
⑧ 用户点击右上角分享。
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
⑨ 页面滚动 就可以触发。
// 页面滚动 就可以触发
onPageScroll(){
},
⑩ 当页面的尺寸发生改变的时候触发。
onResize(){
// 小程序 发生横屏 竖屏时候
// 需要在json文件中加入配置
},
当前页面是tabbar页面时点击自己的tabbar页面时触发。
onTabItemTap(){
}
评论
低空经济新标杆小龙头
公众号改版,及时收到文章推送需要给公众号加星。大家可以点击页面上方蓝色字【京北夜光】,进入公众号首页,点右上角“...”,点下方“设为星标”。坚持复盘总结分享不容易,点右上角点个在看并分享到朋友圈,看完顺手点个点赞和在看,算是个认可,感谢。在看互动:凡是点了点赞和在看且分享本文到朋友圈的读者,进入公
IT局
77
北斗聚焦 | 工信部组织开展2024年5G轻量化贯通行动;2024全球6G技术大会在南京召开;智能制造装备产业规模超三点二万亿元
周报第一百七十四期2024/4/15-2024/4/21△点击页面右上角“…” 选择 “查找页面内容” 搜索【一周快报】,即可跳转到新版块★★ ★ ★★NO.1工信部组织开展2024年5G轻量化贯通行动记者4月16日从工业和信息化部获悉,工业和信息化部近日印发关于开展2024年度5G轻量
今日北斗
0
炸裂了!小仙女协商肉偿租房,震碎了三观!
2024年热点吃瓜(更新至4月)https://pan.xunlei.com/s/VNvUwSmX927mlt-7jr9Vnmp5A1?pwd=43gv#
逆锋起笔
10
年终奖归零?奇安信“崩坏”网安
千亿网安市场,龙头能赚多少?文|陈俊一编辑 | 王辉前几天,脉脉热搜又“捧红”了一家赛道龙头:奇安信官宣全员无年终奖,全员绩效为0。网安一哥,出乎意料;年终奖金,风雨飘摇。不过,取消年终奖是以“员工激励计划”的名义进行的,到底如何激励呢?据外传“关于启动业绩优良员工激励计划的通知”,奇安信
亿欧网
4
小美播报|网络文学IP微短剧扶持项目在无锡发布
小美播报福建广电网络集团召开2024年第一季度经营分析会4月16日,福建广电网络集团在莆田召开第一季度经营分析会,总结分析一季度经营成效,部署安排第二季度工作任务,要求持续深化拓展“深学争优、敢为争先、实干争效”行动部署,确保“双过半”目标实现。点击查看详情广西广电网络公司与华数集团举行战略合作协议
流媒体网
0
微信9.0快了,网友最期待的功能是这些
将Python客栈设为“星标⭐”第一时间收到最新资讯来源:电脑报编辑:cc你还记得距离微信推送 8.0 版本过去多久了吗?整整三年过去,微信还停留在以 8.0 为前缀的版本上,微信 9.0 迟迟不现身。今年初,官方表示微信 9.0 的更新计划快了,“就在最近”,提升了大家对这个全新版本的期待,看来今
Python客栈
0
从太空科技到日常生活,为什么说小问题是伟大的?
从广袤星辰回归到万家烟火,解决好生活的“小问题”,让我们每一个人过好“小日子”,是这个伟大时代的最好注解之一。作 者 丨 宿艺编 辑 丨 子淇有中国人的地方,从不缺乏美食,即使是太空之上。1961年,人类第一个航天员尤里·加加林乘坐“东方一
壹观察
35