微信小程序的生命周期的详解
更新时间：2017年10月19日 09:29:34 作者：Crab0314
这篇文章主要介绍了微信小程序的生命周期的详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
今天记录一下微信小程序的app生命周期及各页面的生命周期。
（一）小程序的生命周期
在app.json中进行监听，三个方法
①onLauch方法只在小程序启动时触发一次。
②onShow方法，在小程序启动时，及由后台切换至前台显示时触发。
③onHide方法，在小程序由前台显示切换至后台时触发。
可以通过 ↓ 这张图片，感受一下各生命周期。
比较有趣的地方是，小程序启动时会触发两次onShow，我不知道是为什么。希望了解的同学解释一下。
（二）页面的生命周期
1.在index中我添加了两种方式跳转到新增的crab页面 ↓ 在这里简单介绍一下
①在index.wxml文件中通过在<navigator>标签中添加url实现跳转
②将button绑定到index.js中的方法实现跳转，此处我将方法命名为turnCrabFunction,并在index.js中实现该方法。
2.下面介绍crab.js中的各生命周期
↓图为该文件部分代码，使用console.log进行打印，方便我们进行观察各生命周期。（各函数后面注释对应功能说明。）
其中，onSomeFunction是我随意命名的，其他方法均有固定名字及含义。
3.在index界面，我们选择任意一种方式进入crab界面。↓图进行详细说明
（如果无法实现下拉刷新，请检查app.json中window参数，或检查当前页面的crab.json文件是否覆盖该参数为false）
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
这篇文章主要介绍了微信小程序 scroll-view实现上拉加载与下拉刷新的实例的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了微信小程序 scroll-view隐藏滚动条和跳转页面的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了JavaScript内置对象,内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能,下面我们一起进入文章了解更多详细内容2021-12-12
这篇文章主要给大家分享使用javascript解析二维码的三种方式，二维码就是将我们能看懂的文字语言,以机器语言的形式存储了起来。其中黑色小方块代表的是1,白色小方块代表的是0，黑白相间的图案其实就是一串编码,扫码的过程就是翻译这些编码的过程,需要的朋友可以参考一下2021-11-11
这篇文章主要介绍了微信小程序 less文件编译成微信小程序wxss文件实现办法的相关资料,这里给出具体实现方法，需要的朋友可以参考下2016-12-12
这篇文章主要介绍了详解HTML5 使用video标签实现选择摄像头功能的相关资料,希望通过本文能帮助到大家，实现这样的功能，需要的朋友可以参考下2017-10-10
这篇文章主要介绍了详解微信第三方小程序开发的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了微信小程序Redux绑定实例详解的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要为大家介绍了Javascript中bind()方法绑定函数的使用与实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
颜色选择: ColorMatch 5K...2006-12-12
最新评论