zoukankan      html  css  js  c++  java
  • 小程序生命周期函数

    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');
        }
        })
查看全文
  • 相关阅读:
    跃迁方法论 Continuous practice
    EPI online zoom session 面试算法基础知识直播分享
    台州 OJ 2648 小希的迷宫
    洛谷 P1074 靶形数独
    洛谷 P1433 DP 状态压缩
    台州 OJ FatMouse and Cheese 深搜 记忆化搜索
    台州 OJ 2676 Tree of Tree 树状 DP
    台州 OJ 2537 Charlie's Change 多重背包 二进制优化 路径记录
    台州 OJ 2378 Tug of War
    台州 OJ 2850 Key Task BFS
  • 原文地址:https://www.cnblogs.com/korea/p/12243467.html
  • Copyright © 2011-2022 走看看