乐趣区

关于javascript:微信小程序基础开发七生命周期

(一) 利用的生命周期

//app.js
App({
 // 1 利用第一次启动就会触发的事件
 onLaunch(){
   // 在利用第一次启动时,获取用户的个人信息
   console.log("onLaunch");
 },

 // 2 利用被用户看到时触发
 onShow(){
   // 对利用的数据或者页面成果重置
   console.log("onShow");
 },

 // 3 利用被暗藏时触发
 onHide(){
   // 暂停或革除定时器
   console.log("Hide");
 },

 // 4 当利用的代码产生报错时就会触发
 onError(err){
   // 在利用产生代码报错的时候,收集用户的错误信息,通过异步申请,将错误信息发送到后盾
   console.log("onError");
 },

 // 5 页面找不到时触发
 // 利用第一次启动的时候,如果找不到第一个入口页面,才会触发
 onPageNotFound(){
   // 如果页面不存在了,能够通过 js 的形式来从新跳转页面,从新跳到第二个首页
   // 不能跳到 tabbar 页面 导航组件相似
   wx.wx.navigateTo({url: '/pages/demo/demo',});
 }
})

(二) 页面的生命周期

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: { },

  /**
   * 生命周期函数 -- 监听页面加载
   * onLoad 发送异步申请来初始化页面数据
   */
  onLoad: function (options) { },

  /**
   * 生命周期函数 -- 监听页面首次渲染实现
   */
  onReady: function () {},

  /**
   * 生命周期函数 -- 监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数 -- 监听页面暗藏
   */
  onHide: function () {},

  /**
   * 生命周期函数 -- 监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相干事件处理函数 -- 监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},

 /**
   * 页面滚动时触发
   */ 
  onPageScroll:function(){},

  /**
   * 页面的尺寸产生扭转的时候触发
   * 小程序产生了横屏竖屏切换的时候触发
   */
  onResize:function(){},

  /**
   * 必须要求以后页面是 tabbar 页面
   * 点击本人的 tab item 的时候才触发
   */
  onTabItemTap:function(){},
})
退出移动版