VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

关于小程序生命周期的简单说明(小程序appjs生命周期)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

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 学习教程(从初学者到专家)。 您可以保存并下载您想学习的朋友。

下载

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 关于小程序生命周期的简单说明(小程序appjs生命周期)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!