• 小程序生命周期函数


    1. 小程序 APP 全局生命周期函数

      //app.js
      App({
        /*
        * 页面一加载就会被调用,只调用一次
        * 可以获取用户信息、获取历史缓存信息、获取小程序打开来源
        * @params options
        */
        onLaunch(options) {
          console.log('APP全局生命周期函数: onLaunch', options);
          // path 访问小程序的路径
          // query打开小程序的参数
          // scene 打开小程序的场景值
        },
      

      /*

      • 页面一加载就会被调用,调用多次
      • 实时动态更改的数据,用户每次进来都要从服务器更新
      • @params options
        */
        onShow(options) {
        console.log('APP全局生命周期函数: onShow', options);
        // path 访问小程序的路径
        // query打开小程序的参数
        // scene 打开小程序的场景值
        },

      /*

      • 页面隐藏时就会被调用
      • 数据保存
      • @params null
        */
        onHide() {
        console.log('APP全局生命周期函数: onHide');
        },

      /*

      • 页面发生错误事会被调用
      • 调试更改错误
      • @params error
        */
        onError(error) {
        console.log('APP全局生命周期函数: onError', error);
        },

      // 全局变量
      globalData: {
      username: 'korea'
      }

      })

    2. 小程序Page页面生命周期函数

      // pages/life-cycle/life-cycle.js
      

      const app = getApp();

      Page({

      /**

      • 页面的初始数据
        */
        data: {
        username: null,
        array:[1, 2, 3, 4]
        },

      /**

      • 生命周期函数--监听页面加载

      */
      onLoad(options) {
      console.log('Page 生命周期函数: onLoad');
      this.setData({
      username: app.globalData.username
      });
      console.log("全局变量", this.data.username);
      },

      /**

      • 生命周期函数--监听页面初次渲染完成
        */
        onReady: function () {
        console.log('Page 生命周期函数: 监听页面初次渲染完成, onReady');
        },

      /**

      • 生命周期函数--监听页面显示
        */
        onShow: function () {
        console.log('Page 生命周期函数: 监听页面显示, onShow');
        },

      /**

      • 生命周期函数--监听页面隐藏
        */
        onHide: function () {
        console.log('Page 生命周期函数: 监听页面隐藏, onHide');
        },

      /**

      • 生命周期函数--监听页面卸载
        */
        onUnload: function () {
        console.log('Page 生命周期函数: 监听页面卸载, onUnload');
        },

      /**

      • 页面相关事件处理函数--监听用户下拉动作
        */
        onPullDownRefresh: function () {
        console.log('Page 生命周期函数: 页面相关事件处理函数--监听用户下拉动作, onPullDownRefresh');
        },

      /**

      • 页面上拉触底事件的处理函数
        */
        onReachBottom: function () {
        console.log('Page 生命周期函数: 页面上拉触底事件的处理函数, onReachBottom');
        },

      /**

      • 用户点击右上角分享
        */
        onShareAppMessage: function () {
        console.log('Page 生命周期函数: 用户点击右上角分享, onShareAppMessage');
        }
        })
  • 相关阅读:
    复习 层叠样式表
    asp后台练习总结
    序列化
    WindowsForm 增 删 查 改
    WindowsForm 计算器
    UML建模和开发预演
    rabbitmq 使用心得
    设计模式之策略模式
    单一职责原则
    设计模式之工厂模式
  • 原文地址:https://www.cnblogs.com/korea/p/12243467.html
  • Copyright © 2020-2023  润新知