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

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

小程序资讯

五：页面生命周期

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

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

上面的生周期函数图对于搞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 精锐部队教育 教育节能环保专场 健康检查无忧网小程序 材易多商城