小程序教学九(生命周期)

微信为我们监听小程序和各个页面的状态提供了系统函数让我们知道各个状态,进而进行操作。

小程序的生命周期函数

微信小程序的生命周期,监听的是整个微信小程序,所以微信小程序的生命周期系统函数都要在app.js中使用。并且要放在“APP({ })”里面。

App系统函数 说明
onLaunch: funcation() { } 当微信小程序初始化完成时,会触发此函数,且全局只触发一次。
onShow: funcation() { } 当微信小程序启动,或者从后台进入前台的时候,会触发此函数。
onHide: funcation() { } 当微信小程序从前台进入后台的时候,会触发此函数。
onError: funcation(msg) { } 当微信小程序发生错误,或者API调用失败的时候,会触发此函数。msg会携带错误信息。

各页面的生命周期函数

页面的生命周期,监听的是各个页面的生命周期,所以各页面的生命周期系统函数都要在pageName.js中使用。并且要放在“Page({ })”里面。

Page系统函数 说明
onLoad: funcation(){} 当页面初始化完成时,会触发此函数,且一个页面只会在创建完成后触发一次。
onReady: funcation(){} 监听页面初次渲染完成时会触发此函数。
onShow: funcation(){} 监听页面的显示,只要页面显示就会触发此函数。
onHide: funcation(){} 监听页面的隐藏,只要页面隐藏就会触发此函数。
onUnload: funcation(){} 监听页面的卸载,只要页面被释放掉就会触发此函数。
onPullDownRefresh: funcation(){} 当用户进行下拉刷新的时候,会触发此事件。
onReachBottom: funcation(){} 当用户进行上拉刷新的时候,会触发此事件。
onShareAppMessage: funcation(){} 当用户点击进行分享时,会触发此事件。

整体生命周期如图

整体生命周期图

持续更新中...

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【妹妹语录】 一起坐着喝酸奶,妹妹学着我的样子,把腿翘起来,说:“我也学你翘二郎腿。” 我说:“这样是不对的。小孩...
    简单609阅读 1,644评论 0 0
  • 一、实验项目 1、每日深度阅读10~15页书(内容自定),每晚24:00前在群内提交300字以上的阅读笔记。 2、...
    S小宝快跑阅读 2,540评论 0 0
  • 西安交大博士生自杀的消息已经在网络上吵的沸沸扬扬了,虽然听到整个事情的时候我有些震惊,但是又有一丝无奈。 并不是第...
    喜欢牛奶的鱼儿阅读 4,227评论 0 2
  • 网上关于“如何从0学习运营”的书籍很多,但是当你读完之后感觉是有了,但是具体到工作的时候还是“一地鸡毛”,为啥呢?...
    曹希峰阅读 3,244评论 0 1
  • 《黑天鹅》一书的作者纳西姆·尼古拉斯·塔勒布说过:“比特币必须经历被若干政府禁止、被政客攻击的过程,否则就不配成功...
    0xSen阅读 3,255评论 1 5