应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 ... ...

发布时间:2024-01-17 17:08 浏览次数:194


网站首页 关于我们 小程序案例 小程序解决方案 小程序资讯 联系我们


小程序资讯


五:页面生命周期


这里只要熟识页面的基本生命周期即可,业务在选定生命周期函数内书写。


以下就是官网得出的生命周期函数方法和状态图


上面的生周期函数图对于搞Android 或者IOS的来书认知出来必须不是难事,具体内容怎么掌控只有慢慢尝试和探索


代码处置:


这里的代码主须要对采用建立项目时index目录下文件处置下就行及,至于重定向后的页面用的还是logs不须要修改!下面张贴下代码注解也比较详尽


index.wxml















index.wxss















index.js


//index.js


//以获取应用领域实例


var app = getApp()


Page({


/**


* 通过data初始化数据


*/


data: {


motto: '页面上面View重定向',


// userInfo: {}


},


//事件处理函数


bindViewTap: function() {


//通过调用API展开重定向


wx.navigateTo({


url: '../logs/logs'


})


},


/**


* 监听页面上开在读取的状态


*    页面读取顺利完成之后就不能在继续执行


*/


onLoad: function () {


console.log('index---------onLoad()')


// //this所指的就是本页面对象


// var that = this


// //调用应用领域实例的方法以获取全局数据


// app.getUserInfo(function(userInfo){


//   //更新数据


//   that.setData({


//     userInfo:userInfo


//   })


//   //更新本页面


//   that.update()


// })


},


/**


*  监听页面表明,


*    当从当前页面调转至另一个页面


*    另一个页面封存时会再次继续执行


*/


onShow: function() {


console.log('index---------onShow()')


},


/**


* 监听页面图形顺利完成


*    顺利完成之后不能在继续执行


*/


onReady: function() {


console.log('index---------onReaday()');


},


/**


* 监听页面暗藏


*    当前页面调往另一个页面时会继续执行


*/


onHide: function() {


console.log('index---------onHide()')


},


/**


* 当页面封存时调用


*/


onUnload: function() {


console.log('index---------onUnload')


}


})


六:模块化


模块化也就是将一些通用型的东西抽出来放在一个文件中,通过module.exports回去曝露USB。我们在最初新建项目时就存有个util.js文件就是被模块化处置时间的


//index.js


//以获取应用领域实例


var app = getApp()


               


                   


秀杰空战教程系列《一》:记账应用领域研发




               


微信小程序空战教程:火车票查阅(含demo)






有关资讯RELEVANT NEWS 测试智商的小程序 小程序开发技巧: 提高你的小程序开发技能 小程序FAQ答疑你的困惑 Timah小程序 扫码点菜微信小程序 如何维护小程序的appsecret? 集锦服务SERVICE 小程序订制 商城小程序 / 点餐小程序 / O2O小程序 积极响应式网站 积极响应式网站建设 / 电商网站建设 / 高端网站建设 APP订制 IOS苹果APP / Android安卓APP


最新案例LATEST CASES 精锐部队教育 教育节能环保专场 健康检查无忧网小程序 材易多商城

TAG标签:
阅读推荐