微信小程序开发(生命周期)
全栈开发日记
共 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(){
}
评论
偷偷告诉你如何一台电脑开多个微信!
大家好,我是轩辕。前几天在粉丝群里,有人问我是怎么在一台电脑上同时登录两个微信的?正好之前写过一篇文章,分析过原理,分享给没看过的小伙伴学习一下。手机端多开微信估计很多人都知道,像华为、小米等手机系统都对此做了支持,不过在运行Windows系统的电脑上怎么启动两个微信呢?其实很简单,你只需要写一个批
编程技术宇宙
0
微服务与领域驱动设计,架构实践总结
来源:知了一笑👉 欢迎加入小哈的星球 ,你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 / 赠书福利全栈前后端分离博客项目 2.0 版本完结啦, 演示链接:http://116.62.199.48/ ,新
小哈学Java
0
漫游CPU缓存效应,让你的程序性能飙升!
推荐一个原创技术号-非科班大厂码农,号主是机械专业转行进入腾讯的后端程序员!大多数读者都知道cache是一种快速小型的内存,用以存储最近访问内存位置。这种描述合理而准确,但是更多地了解一些处理器缓存工作中的“烦人”细节对于理解程序运行性能有很大帮助。在这篇博客中,我将运用代码示例来详解 cache工
码农有道公众号
1
低空经济新标杆小龙头
公众号改版,及时收到文章推送需要给公众号加星。大家可以点击页面上方蓝色字【京北夜光】,进入公众号首页,点右上角“...”,点下方“设为星标”。坚持复盘总结分享不容易,点右上角点个在看并分享到朋友圈,看完顺手点个点赞和在看,算是个认可,感谢。在看互动:凡是点了点赞和在看且分享本文到朋友圈的读者,进入公
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