微信小程序教程笔记5

全局配置

//app.json
{
  "pages": [
    //用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。文件名不需要写文件后缀，框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    //下拉 loading 的样式，仅支持 dark / light
    "backgroundTextStyle": "dark",
    //导航栏背景颜色，
    "navigationBarBackgroundColor": "#ddd",
    //导航栏标题文字内容	
    "navigationBarTitleText": "快递查询",
    //导航栏标题颜色，仅支持 black / white
    "navigationBarTextStyle": "black",
    //导航栏样式，仅支持以下值：default 默认样式custom 自定义导航栏
    "navigationsStyle":"default",
    //窗口的背景色
    "backgroundColor": "#ffffff"

  },

  "tabBar": {
    //tab上文字的默认颜色
    "color": "#000000",
    //tab上边框的颜色
    "borderStyle": "blue",
    //tab上文字选中时的颜色
    "selectedColor": "#000000",
    //tab的背景颜色
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "pagePath",
      "text": "text",
      "iconPath": "iconPath",
      "selectedIconPath": "selectedIconPath"
    }]
  },
  "networkTimeout": {
    //wx.request 的超时时间，单位：毫秒。
    "request": 20000,
    //wx.connectSocket 的超时时间，单位：毫秒。
    "connectSocket": 20000,
    //wx.uploadFile 的超时时间，单位：毫秒。
    "uploadFile": 20000,
    //wx.downloadFile 的超时时间，单位：毫秒。
    "downloadFile": 20000
  },
  "debug":true,

    "style": "v2",
    "sitemapLocation": "sitemap.json"
}

微信小程序的生命周期与app对象的使用

//app.js
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
    console.log("--onLanuch--");

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  globalData: {
    userInfo: null
  }
  ,
  onShow:function(){
    console.log("--onShow--");
  },
  onHide:function(){
    console.log("--onHide--");
  },

  onLoad:function(){
    console.log("--onLoad--")
  }

}
)