文档章节

小程序的生命周期函数

o
 osc_wws45aot
发布于 2019/08/20 15:16
字数 660
阅读 16
收藏 0

精选30+云产品,助力企业轻松上云!>>>

1、小程序生命周期

(1)首先小程序的生命周期函数是在app.js里面调用的,App(Object)函数用来注册一个小程序。接受一个 Object 参数,指定其小程序的生命周期回调;一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。

小程序生命周期-截图来自小程序官网

(2)看文字对概念有点模糊对不对?理解概念的最好方法就是上手实际操作一遍。那么,我们来看看当打开一个小程序的时候,到底是onLaunchonShowonHide哪个先调用以及什么时候开始调用的。

onLaunch() {
  console.log('onLaunch监听小程序初始化');
}

onShow() {
  console.log('onShow监听小程序显示');
}

onHide() {
  console.log('onLaunch监听小程序隐藏'); } 
打开小程序
点击右上角按钮隐藏小程序有再次进入

(3)从中我们可以知道小程序的生命周期函数的调用顺序为:onLaunch>onShow>onHide

2、页面的生命周期

(1)页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数。Page(Object) 函数用来注册一个页面。接受一个Object类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。

页面生命周期-截图来自小程序官网

(2)老规矩,我们用代码来演示下各个页面生命周期函数的先后顺序。

  onLoad(options) {
    console.log('onLoad监听页面加载');
  }

  onReady() {
    console.log('onReady监听页面初次渲染完成');
  }

  onShow() {
    console.log('onShow监听页面显示'); } onHide() { console.log('onHide监听页面隐藏'); } onUnload() { console.log('onUnload监听页面卸载'); } 
页面生命周期函数

从中我们可以知道小程序的生命周期函数的调用顺序为:onLoad>onReady>onShow;至于onHide函数就是当隐藏页面的时候触发。

3、小结

由此我们知道了“小程序程序生命周期函数”“页面生命周期函数”的调用顺序;这两者之间的事件顺序一般如上图所示小程序周期函数在前,页面周期函数触发在后;
但是,这 并不是绝对的,比如,有时候就会存在页面onLoad函数比小程序app的



作者:Ewall_
链接:https://www.jianshu.com/p/3f43eaa83bbd
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
3.小程序的生命周期

软件生命周期(Software Life Cycle,SLC)是软件的产生直到报废或停止使用的生命周期。 微信小程序的生命周期函数有2个 一个是App的生命周期 另一个是Page的生命周期 App的生命周期 示例:演示...

osc_h3robkrt
2018/02/28
2
0
微信小程序的生命周期

  微信小程序的逻辑层主要包括:小程序的初始化过程和页面的初始化过程。微信小程序使用了App和Page方法进行程序和页面的注册,使用getApp()方法来获取App()实例。   一、小程序的初始化...

osc_f48vvrg3
2019/01/08
2
0
小程序 — 小程序生命周期及页面生命周期

前言:很多同学容易将小程序生命周期和页面的生命周期混淆为一起,这两个其实应该是不同却又相互关联的生命周期,所以,用实际代码操作并结合官方理论讲讲这个,好好捋捋。 1、小程序生命周期...

Ewall_
2018/09/03
0
0
微信小程序入门五: wxml文件引用、模版、生命周期

实例内容 wxml文件引用(include、import) 模版 小程序生命周期 实例一: 方式引用文件 文件引用对于代码的重用非常重要,例如在web开发中我们可以将公用的部分和等部分进行提取,然后在需要...

lecepin
2017/01/19
0
0
微信小程序【生命周期】

小程序分为应用、页面和组件三个部分,所以小程序的生命周期涉及以下 应用的生命周期 App() 函数用来注册一个小程序。接受一个 Object 参数,其指定小程序的生命周期回调等。 App() 必须在 ...

薛阳-
04/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

vue input 获取焦点

1、首次加载 autofocus="autofocus" #autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。<input type="text" class="rename_box" v-model="current_edit_text" @input="chang......

横着走的螃蟹
13分钟前
11
0
socket链接(底层)

客户端 #socket.socket表明协议并生成链接实例client #client.connect链接到服务器client #循环输入while true #输入的消息 msg = input #client.send(msg.encode())发送信息只能发送比特流进...

onedotdot
20分钟前
18
0
在线讲解一分快3和值怎么计算的

在线讲解一分快3和值怎么计算的老师:【扣 677~90~572】1.The past is gone and static. Nothing we can do will change it. Thefuture is before us and dynamic. Everything we do will af......

yiren081
21分钟前
16
0
hbase学习

简介 数据存储模型及关系型数据库的区别 一般都是牺牲一致性, 最终达到最终一致性 HBase 概念 区别 基础架构 HBASE 原理和操作 写流程 预写入会写入HLog 里面, 通过HLog 来保证数据不丢失 ...

之渊
22分钟前
15
0
网上彩票为什么会有人带你靠谱吗61861585

老师叩:61861585使用默认的随机源随机排列指定的列表。(打乱list中的数据)sort(List<T> list) 进行排序一个人,身边有多少人,就有多大的世界,有什么样的人,就有什么样的世界。这些人素养...

jiukan49
24分钟前
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部