码迷,mamicode.com
首页 > 微信 > 详细

微信小程序的生命周期和APP对象的使用

时间:2017-02-19 10:50:09      阅读:1510      评论:0      收藏:0      [点我收藏+]

标签:前台   ora   nload   nbsp   传递   shift   span   login   获取数据   

1.生命周期和APP对象的使用:

//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync(logs) || []
    logs.unshift(Date.now())
    wx.setStorageSync(logs, logs)
  },

  onShow: function() {
    console.log("onShow")
  },
  onHide: function() {
    console.log("onHide")

   },

  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  globalData:{
    userInfo:null
  }
})

进入前台: onShow()

进入后台: onHide()

可以设置全局的变量,后面页面要使用的时候可以直接得到app调用取得变量的值.

2.微信小程序页面的生命周期和参数传递:

启动页面调用的方法依次是:

onLoad()

onShow()

onReady()

页面的跳转触发: onShow()  , onHide()

3.页面的传递数据:

页面的跳转一:

技术分享

 

技术分享

页面的跳转二:

技术分享

传递多个数据: 

<navigator src = "../index/index?id = 1&title = 文章标题">

</navigator>

 

微信小程序的生命周期和APP对象的使用

标签:前台   ora   nload   nbsp   传递   shift   span   login   获取数据   

原文地址:http://www.cnblogs.com/pengsi/p/6414758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!