「小程序JAVA实战」小程序默认加载的页面和生命周期(八)-创新互联
小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3
创新互联公司服务项目包括饶平网站建设、饶平网站制作、饶平网页制作以及饶平网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,饶平网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到饶平省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
加载页面
小程序默认加载的pages中的第一个目录
不管你的名称,只管你的顺序
其他目录需要通过触发才能加载
生命周期
相关的框架的时候都有生命周期的概念,通过了解生命周期更好的把控框架的使用!
onLaunch
第一次打开小程序的初始化,也被调用一次。
onShow
随着第一次onLaunch的时候触发,小程序打开前台展现。
onHide
小程序从前台到后台的转变,就是隐藏到后台去了。
场景:在用手机上使用微信,这时候点击手机的home键,微信就退入后台去,触发onHide事件,我们双击home键,把任务管理器打开,显示出来微信,这时候就触发onShow事件,
onError
小程序出现错误的时候,就在这了抛出来,有点像java开发的exception。
其他
小程序提供给开发者定义一些参数,数字对象或者是函数,可以通过私有的js进行调用。可能不太理解吧,以后会讲清楚的。
官网最靠谱:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html
演示微信小程序的生命周期
修改app.js
//app.js App({ onLaunch: function (options) { console.log("onLaunch") }, onShow: function (options) { console.log("onShow") }, onHide: function () { console.log("onHide") }, onError: function (msg) { console.log("onError") }, globalData: 'I am global data' })
编译
> console.log打印了onLaunch 和 onShow
全部对象的调用方式
>test.js 和 test.wxml ,test.js先初始化获取全局实例,通过全局实例获取到全局变量,将全局变量赋值给页面数据上motto上。test.wxml是通过数据绑定的方式获取motto的值。
//test.js Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { //获取应用实例 const app = getApp(); //获取应用实例里面的全局变量 console.log(app.globalData); this.setData({ //全局变量赋值给页面的变量 motto:app.globalData }) } })
{{motto}}
PS:小程序的默认加载,小程序的生命周期,小程序的全局对象调用。
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文标题:「小程序JAVA实战」小程序默认加载的页面和生命周期(八)-创新互联
本文URL:http://hbruida.cn/article/dcsheo.html