微信小程序笔记,微信小程序App生命周期详解

By admin in 4858美高梅 on 2019年6月2日

微信小程序App生命周期:

微信小程序App生命周期详解,app生命周期

微信小程序App生命周期:

onLaunch—-当小程序开始化完毕时,会触发 onLaunch(全局只触发二遍)
onShow —-当小程序运行,或从后台进入前台显示,会触发 onShow
onHide —-当小程序以前台进入后台,会触发 onHide
onError —-当小程序爆发脚本错误,大概 api 调用失利时,会触发 onError
并带上错误消息

//app.js
App({

 /**
  *当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  */
 onLaunch: function () {
  console.log("==App onLaunch==");
 },

 /**
  *当小程序启动,或从后台进入前台显示,会触发 onShow
  */
 onShow: function (options) {
  console.log("==App onShow==");
 },

 /**
  *当小程序从前台进入后台,会触发 onHide
  */
 onHide: function () {
  console.log("==App onHide==");
 },

 /**
  *当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
  */
 onError: function (msg) {
  console.log("==App onError==");
 }
})

进入小程序周期触发

4858美高梅 1 

切换后台

4858美高梅 2 

切换元代期触发

4858美高梅 3 

切换至前台周期触发

4858美高梅 4 

总括:进入微信小程序,当大家必要获得用户新闻并保存等全局消息处理的时候,需求再onLaunch周期实行管理。

上述便是本文的全部内容,希望对我们的上学抱有支持,也盼望大家多多接济帮客之家。

微信小程序App生命周期: onLaunch—-当小程序初叶化完毕时,会触发
onLaunch(全局只触发贰回)…

微信小程序 生命周期

app的生命周期

  • onLaunch 生命周期函数–监听小程序起先化 当小程序早先化实现时,会接触

  • onLaunch(全局只触发一回)

  • onShow 生命周期函数–监听小程序显示当小程序运行,或从后台进入前台展现,会触发 onShow

  • onHide 生命周期函数–监听小程序隐藏 当小程序在此以前台进入后台,会触发
    onHide

  • onError 错误监听函数 当小程序爆发脚本错误,可能 api
    调用退步时,会触发 onError 并带上错误音信

onLaunch—-当小程序初始化完毕时,会触发 onLaunch(全局只触发一遍)
onShow —-当小程序运行,或从后台进入前台展现,会触发 onShow
onHide —-当小程序以前台进入后台,会触发 onHide
onError —-当小程序爆发脚本错误,或然 api 调用败北时,会触发 onError
并带上错误音讯

浅显的讲,生命周期正是指二个指标的生老病死。
从软件的角度来看,生命周恒生期货指数程序从创建、到开始、暂停、唤起、甘休、卸载的进度。

页面包车型大巴生命周期

  • onLoad: 页面加载
    2个页面只会调用贰回。
    收纳页面参数
    能够赢得wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

  • 微信小程序笔记,微信小程序App生命周期详解。onShow: 页面展现
    历次张开页面都会调用三回。

  • onReady: 页面初次渲染达成
    三个页面只会调用三回,代表页面已经希图稳妥,能够和视图层举办互动。

  • onHide: 页面隐藏
    当navigateTo或底层tab切换时调用。

  • onUnload: 页面卸载
    当redirectTo或navigateBack的时候调用。

//app.js
App({

 /**
  *当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  */
 onLaunch: function () {
  console.log("==App onLaunch==");
 },

 /**
  *当小程序启动,或从后台进入前台显示,会触发 onShow
  */
 onShow: function (options) {
  console.log("==App onShow==");
 },

 /**
  *当小程序从前台进入后台,会触发 onHide
  */
 onHide: function () {
  console.log("==App onHide==");
 },

 /**
  *当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
  */
 onError: function (msg) {
  console.log("==App onError==");
 }
})

上边从一下多个地点介绍微信小程序的生命周期:

页面包车型客车跳转(三种)

  1. wx.navigateTo()函数(保留当前页面,跳转到有些页面,使用wx.navigateBack()能够回到原页面
  2. wx.redirectTo()函数(先关闭当前页面,跳转到应用内的某部页面
  3. 运用组件<navigator>

进去小程序周期触发

  1. 使用生命周期
  2. 页不熟悉命周期
  3. 采纳生命周期影响页不熟悉命周期

页面跳转的数目传递

wx.navigateTo({
    url:"pages/home/home"
});

参数字传送递至下1页面,则只必要在门路前边,加多?问号,?前边接的是参数,以key-value的主意,如:

wx.navigateTo({
    url:"pages/home/home?id=1"
});

下一场在home.js中的onLoad()函数中获得值:option.id就可以收获了,如下

onLoad: function (option) {
    this.setData({
        id:option.id,
    });
    console.log(option.id);
}
//onload中的option是跳转页面拿到的参数

4858美高梅 5 

》》》应用生命周期

切换后台

4858美高梅 6

4858美高梅 7 

  1. 用户第三遍张开小程序,触发 onLaunch(全局只触发三次)。
  2. 小程序发轫化实现后,触发onShow方法,监听小程序展现。
  3. 小程序在此在此以前台进入后台,触发 onHide方法。
  4. 小程序从后台进入前台展现,触发 onShow方法。
  5. 小程序后台运维必将时间,或系统财富占用过高,会被灭绝。

切换汉朝期触发

前台、后台定义: 当用户点击左上角关闭,或许按了设备 Home
键离开微信,小程序并从未一向接出卖毁,而是进入了后台;当再次进入微信或另行展开小程序,又会从后台进入前台。

4858美高梅 8 

在重新整建本文资料的时候,有一点点不解,为啥不把小程序监听『销毁』方法开放给开荒者,小编估计是因为IOS系统限制『按下Home键时,app从活动状态转入后台,会被挂起』;微信也不例外,只要运维一段时间或把微信客户端进度杀掉,就不可能通告小程序接纳被灭绝。

切换至前台周期触发

》》》页不熟悉命周期

4858美高梅 9 

4858美高梅 10

计算:进入微信小程序,当大家须要获得用户音信并保存等全局音信处理的时候,须要再onLaunch周期进行管理。

  1. 小程序注册成功后,加载页面,触发onLoad方法。
  2. 页面载入后触发onShow方法,展现页面。
  3. 4858美高梅,第叁遍展现页面,会触发onReady方法,渲染页面成分和体制,3个页面只会调用一回。
  4. 当小程序后台运行或跳转到别的页面时,触发onHide方法。
  5. 当小程序有后台进入到前台运营或重新进入页面时,触发onShow方法。
  6. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页重返上1页wx.navigateBack(),触发onUnload

上述就是本文的全体内容,希望对大家的就学抱有扶助,也冀望我们多多帮助脚本之家。

》》》应用生命周期影响页目生命周期

您可能感兴趣的篇章:

  • 微信小程序的生命周期的详解
  • 微信小程序
    生命周期函数详解
  • 微信小程序page的生命周期和节奏播放及监听实例详解
  • 详解微信小程序入门5:
    wxml文件引用、模版、生命周期
  • 微信小程序
    生命周期和页面包车型大巴生命周期详细介绍
  • 微信小程序 生命周期详解
  • 微信小程序 生命周期详解
  • 微信小程序(5)页面生命周期详细介绍
  • 微信小程序(四)应用生命周期详解
  • 微信小程序页素不相识命周期详解

4858美高梅 11

  1. 小程序早先化完成后,页面第一遍加载触发onLoad,只会接触二遍。
  2. 当小程序进入到后台,先实行页面onHide方法再施行应用onHide方法。
  3. 当小程序从后台进入到前台,先实行应用onShow方法再实践页面onShow方法。

下图是小程序从挂号到页面参与,前后台切换流程。

4858美高梅 12

 谢谢阅读,希望能协理到我们,谢谢我们对本站的帮助!

你只怕感兴趣的小说:

  • 微信小程序App生命周期详解
  • 微信小程序的生命周期的详解
  • 微信小程序
    生命周期函数详解
  • 微信小程序page的生命周期和旋律播放及监听实例详解
  • 详解微信小程序入门伍:
    wxml文件引用、模版、生命周期
  • 微信小程序
    生命周期和页面包车型客车生命周期详细介绍
  • 微信小程序 生命周期详解
  • 微信小程序(5)页不熟悉命周期详细介绍
  • 微信小程序(4)应用生命周期详解
  • 微信小程序页素不相识命周期详解

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有