## 基本配置和生命周期 1.配置 2.注册 3.生命周期 ### 配置 1.全局配置 ~~~ { "pages": ["pages/index/index", "pages/logs/index"], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/logs", "text": "日志" } ] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true, "navigateToMiniProgramAppIdList": ["wxe5f52902cf4de896"] } ~~~ 2.页面配置 ~~~ { "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" } ~~~ ### 注册 1.全局注册 ~~~ App({ onLaunch(options) { // Do something initial when launch. }, onShow(options) { // Do something when show. }, onHide() { // Do something when hide. }, onError(msg) { console.log(msg) }, globalData: 'I am global data' }) ~~~ 2.局部注册 ~~~ // index.js Page({ data: { text: 'This is page data.' }, onLoad(options) { // Do some initialize when page load. }, onReady() { // Do something when page ready. }, onShow() { // Do something when page show. }, onHide() { // Do something when page hide. }, onUnload() { // Do something when page close. }, onPullDownRefresh() { // Do something when pull down. }, onReachBottom() { // Do something when page reach bottom. }, onShareAppMessage() { // return custom share data when user share. }, onPageScroll() { // Do something when page scroll }, onResize() { // Do something when page resize }, onTabItemTap(item) { console.log(item.index) console.log(item.pagePath) console.log(item.text) }, // Event handler. viewTap() { this.setData({ text: 'Set some data for updating view.' }, function () { // this is setData callback }) }, customData: { hi: 'MINA' } }) ~~~ ### 生命周期 * 全局生命周期 1.onLaunch 小程序初始化完成时触发，全局只触发一次 2.onShow 小程序启动，或从后台进入前台显示时触发。 3.onHide 小程序从前台进入后台时触发。 * 页面生命周期 1.onLoad 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。 2.onShow 页面显示/切入前台时触发。 3.onReady 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。 4.onHide 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。 5.onUnload 页面卸载时触发。如redirectTo或navigateBack到其他页面时。