雪溪乡浅谈小程序中的生命周期

阅读 18508  ·  发布日期 2020-08-24 17:26  ·  温州优光网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】 开发小程序过程中会涉及到小程序的生命周期,和其他app开发一样,小程序也有生命周期。1:页面的生命周期在初始页面:index.js中增加如图1所示代码点击“编译”后,运行这个小程序:日志如图2所示:初始页面index.js启动会从app,js中的生命周期方法调用开始:onLaunch---onShow,然后开始调用in... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...

浅谈小程序中的生命周期

开发小程序过程中会涉及到小程序的生命周期,和其他app开发一样,小程序也有生命周期。
1:
页面的生命周期在初始页面:
index.js中增加如图1所示代码点击“编译”后,运行这个小程序:
日志如图2所示:
初始页面index.js启动会从app,js中的生命周期方法调用开始:
onLaunch---onShow,然后开始调用index.js页面中的生命周期方法:
onLoad---onShow---onReady,当点击“后台”时,页面index.js进入后台,这时回调生命周期方法onHide,如图3所示,如果再点击“前台”,使页面回到前台,这时回调页面生命周期方法:
onShow(注意,这时不再回调onLoad)2:
页面的跳转编写index.wxml代码下图所示可以看出text组件绑定了一个事件:
itemClick,itemClick方法实现详:
itemClick: function (){
console.log(---index page itemClick---);
wx.navigateTo({
url: '
../logs/logs'
}
)其中:
wx.navigateTo代表从index.js这一页面跳转到pages/logs/logs页面,注意:
navigateTo代表跳转到logs页面后,index页面并不销毁,在logs页面下面,通过logs页面左上角的返回按钮可以返回到index页面,而如果是wx.redirectTo,则index页面销毁,无法从logs页面返回到index页面,这里就仅以wx.navigateTo为例。
在模拟器中如果点击文章2的text组件后,跳转到对应logs界面日志如上图所示,logs页面对应js代码如下图所示,通过对比可以看出,当从index页面跳转到logs页面这个过程中,要先调用index生命周期方法onHide(如果是wx.redirectTo方式跳转还要调用index生命周期方法onUnload),然后依次调用logs页面的生命周期方法:
onLoad---onShow---onReady推荐:
《小程序开发教程》以上就是浅谈小程序中的生命周期的详细内容,更多请关注php中文网其它相关文章!
微信
分享相关标签:
小程序 生命周期本文转载于:
即速资讯,如有侵犯,请联系a@php.cn删除
上一篇:
小程序的21个新功能
下一篇:
小程序怎么导入sdk实现聊天功能相关文章相关视频小程序中下拉刷新页面的功能怎么实现?如何配置小程序开发项目结构?(教程)小程序介绍一般写什么内容小程序的21个新功能浅谈小程序中的生命周期认识小程序的目录结构小程序的rpx长度单位详解布局奔牛课堂小程序搜素框 [温州做小程序]