• 微信小程序


     

    生命周期

     

     

    1.小程序注册完成后,加载页面,触发onLoad方法。(切记,onShow和onLoad的区别,onShow是每当进入这个页面时就会触发而onload是载入进来时才触发

     

    2.页面载入后触发onShow方法,显示页面。

     

     

     

    3.首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。

     

     

     

    4.当小程序后台运行或跳转到其他页面时,触发onHide方法。

     

     

    5.当小程序从后台进入到前台运行或重新进入页面时,触发onShow方法。(切记,onShow和onLoad的区别,onShow是每当进入这个页面时就会触发而onload是载入进来时才触发

     

     

     

     

    6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload

     

     

     

    7. 当从非tabbar页面切换到tabbar页面时,会被销毁

     

    8. onLaunch只有App.js才有

     

     

     1 Page({
     2 
     3   /**
     4    * 页面的初始数据
     5    */
     6   data: {
     7 
     8   },
     9 
    10   /**
    11    * 生命周期函数--监听页面加载
    12    */
    13   onLoad: function (options) {
    14     console.log('加载... - Index2');
    15   },
    16 
    17   /**
    18    * 生命周期函数--监听页面初次渲染完成
    19    */
    20   onReady: function () {
    21     console.log('首次渲染完成... - Index2');
    22   },
    23 
    24   /**
    25    * 生命周期函数--监听页面显示
    26    */
    27   onShow: function () {
    28     console.log('页面显示.. - Index2');
    29   },
    30 
    31   /**
    32    * 生命周期函数--监听页面隐藏
    33    */
    34   onHide: function () {
    35     console.log('页面隐藏.. - Index2');
    36   },
    37 
    38   /**
    39    * 生命周期函数--监听页面卸载
    40    */
    41   onUnload: function () {
    42     console.log('页面卸载... - Index2');
    43   },
    44 
    45   /**
    46    * 页面相关事件处理函数--监听用户下拉动作
    47    */
    48   onPullDownRefresh: function () {
    49 
    50   },
    51 
    52   /**
    53    * 页面上拉触底事件的处理函数
    54    */
    55   onReachBottom: function () {
    56 
    57   },
    58 
    59   /**
    60    * 用户点击右上角分享
    61    */
    62   onShareAppMessage: function () {
    63 
    64   }
    65 })

     

    详细的官方API,点击查看

    示例源码:点击下载

  • 相关阅读:
    DHCP配置实例
    upupw phpmyadmin写shell
    网络配置课学期总结
    c#写一个网站后台扫描器
    移位运算符
    JavaScript 事件
    JS自动爆炸案例
    生成树协议
    暴力操作节点
    为博客园添加统计访问量的工具
  • 原文地址:https://www.cnblogs.com/cisum/p/9838630.html
Copyright © 2020-2023  润新知