关于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(){

  },
})

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理