关于小程序生命周期的简单说明（小程序appjs生命周期）

小程序开发流程涉及小程序生命周期。 与任何应用程序开发一样，小程序也有生命周期。

1：页面生命周期

在第一页：index.js中添加如图1所示的代码

点击后“编译”，运行这个小程序。 日志如图2所示。 第一页上的index.js 的调用以应用程序生命周期方法调用开始。 js: onLaunch---onShow 然后调用index.js页面的生命周期方法：onLoad---onShow---onReady。 单击“Background”会将页面的index.js置于后台，并显示onHide回调生命周期方法，如图3所示。 再次单击“前台”可使页面返回前台，从而结束页面的生命周期。 循环方法回调：onShow（注意此时onLoad并没有回调）

2：页面跳转

写入索引.wxml代码如下图所示

您将看到文本组件绑定。 事件：itemClick，itemClick方法实现细节：

itemClick: function (){ console.log(---索引页itemClick---);wx. navigateTo({url: \'../logs/logs\'})

其中：wx.navigateTo表示从index.js页面跳转到pages/logs/logs页面。 注意：navigateTo表示跳转到日志页后索引页不被销毁。 在日志页面，您可以使用日志页面左上角的后退按钮返回索引页面。 如果使用wx.redirectTo，索引页将被破坏，并且您将无法返回到日志页。 页面将返回到索引页。 这里只是 wx.指定navigateTo 作为示例。

在模拟器中点击第2条的文本组件，会跳转到日志界面对应的日志，如上图所示。 日志页面对应的js代码如下图所示。 通过对比可以看到，从索引页跳转到日志页时，必须先调用索引生命周期方法onHide（对于wx.redirectTo跳转，还必须调用索引生命周期方法onUnload），然后需要按顺序调用日志页面。 生命周期方法：onLoad---onShow---onReady

推荐：《小程序开发教程》

p> PHP 快速学习视频免费教程（入门到精通）

如何学习 PHP？ 我应该从哪里学习 PHP 快速学习 如何学习？ 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

这几篇文章你可能也喜欢：

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：关于小程序生命周期的简单说明（小程序appjs生命周期） https://zhujicankao.com/124141.html