## 基本配置和生命周期 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到其他頁面時。