微信小程序学习笔记之函数定义、页面渲染图文详解

前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。

小程序逻辑app.js：定义App函数用来注册一个小程序，包含全局数据和函数，指定小程序的生命周期回调等。整个小程序只有一个 App 实例，全部页面共享使用。

//app.jsApp({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 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 }})

生命周期函数：