(七)Page页面的生命周期与.js文件的代码结构

页面生命周期 如同人的成长需要分为出生、童年、青年、中年、老年一样，一个页面从创建到卸载，同样会经历以下5个周期：
加载onLoad 监听页面加载，一个页面只会调用一次
显示onShow 监听页面显示，每次打开页面都会调用
渲染onReady 监听页面初次渲染完成，一个页面只会调用一次，代表页面已经准备妥当，
      可以和视图层进行交互
隐藏onHide 监听页面隐藏
卸载onUnload 监听页面卸载

此外还有3个小程序特定事件的处理函数：
onPullDownRefresh 监听用户下拉动作的事件处理函数
onReachBottom 页面上拉触事件的处理函数
onShareAppMessage 用户点击右上角分享

post.js下的5个生命周期函数代码如下

Page({
  data:{},
  onLoad:function(options){ //页面初始化 options为页面跳转所带来的参数
    console.log("onLoad:页面被加载");
  },
  onShow: function () {  //页面显示
    console.log("onShow:页面被显示");
  },
  onReady:function(){ //页面渲染完成
    console.log("onReady:页面被渲染");
  },
  onHide:function(){ //页面隐藏
    console.log("onHide:页面被隐藏");
  },
  oneUnload:function(){ //页面关闭
    console.log("onUnload:页面被卸载");
  }
})

onShow的执行时刻是在onReady之前

我们来看一下运行后【调试】-> 【Console】的输出