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

 更新时间:2018年01月31日 09:08:31   作者:Rattenking  
这篇文章主要为大家详细介绍了微信小程序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==");
 }
})


进入小程序周期触发

这里写图片描述 

切换后台

这里写图片描述 

切换后周期触发

这里写图片描述 

切换至前台周期触发

这里写图片描述 

总结:进入微信小程序,当我们需要获取用户信息并保存等全局信息处理的时候,需要再onLaunch周期进行处理。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • json前后端数据交互相关代码

    json前后端数据交互相关代码

    本篇文章给大家分享了关于json前后端数据交互方法实现的相关知识点内容,有兴趣的读者们可以参考学习下。
    2018-09-09
  • 基于pako.js实现gzip的压缩和解压功能示例

    基于pako.js实现gzip的压缩和解压功能示例

    这篇文章主要介绍了基于pako.js实现gzip的压缩和解压功能,结合具体实例形式分析了pako.js实现字符串压缩与解压缩的相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • JS中作用域以及变量范围分析

    JS中作用域以及变量范围分析

    这篇文章主要介绍了JS中作用域以及变量范围分析,需要的朋友可以参考下
    2020-07-07
  • ES6 迭代器与可迭代对象的实现

    ES6 迭代器与可迭代对象的实现

    这篇文章主要介绍了ES6 迭代器与可迭代对象的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • js数组实现权重概率分配

    js数组实现权重概率分配

    今天写了一个js控制页面轮播的功能,如果仅仅使用队列很简单,但是考虑到为每一个页面分配权重的是否变的异常复杂,使用switch和if else也无法解决,于是想到使用js数组实现
    2017-09-09
  • javascript 不用reverse实现字符串反转的代码

    javascript 不用reverse实现字符串反转的代码

    javascript 不用reverse实现字符串反转的代码,需要的朋友可以参考下。
    2010-03-03
  • JavaScript中的事件监听详细介绍

    JavaScript中的事件监听详细介绍

    这篇文章主要给大家介绍了关于JavaScript中事件监听的相关资料,在前端开发过程中我们经常会遇到给页面元素添加事件的问题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • JavaScript判断变量名是否存在数组中的实例

    JavaScript判断变量名是否存在数组中的实例

    下面小编就为大家分享一篇JavaScript判断变量名是否存在数组中的实例,具有很的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • ES6入门教程之let、const的使用方法

    ES6入门教程之let、const的使用方法

    这篇文章主要给大家介绍了关于ES6入门教程之let、const使用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • JavaScript常用工具函数汇总(浏览器环境)

    JavaScript常用工具函数汇总(浏览器环境)

    这篇文章主要汇总了JavaScript常用的工具函数,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09

最新评论