ソフトウェアイノベーションラボ:WeChatミニプログラム開発-ライフサイクルとデバッグ手順

ステートメント

1)この記事の内容の一部はインターネット上の情報から編集されています。誤ってすべての人の権利を侵害した場合でも、ブロガーに連絡して削除することができます。

2)ブロガーは道路上のMengxinです。記事に不適切な点がある場合は、それを指摘して一緒に進んでください、ありがとうございます。
 

ライフサイクル

ライフサイクルとは、物体の誕生、老化、病気、そして死を指します。

WeChatミニプログラムの各ページにはライフサイクルがあり、

主なライフサイクル機能は次のとおりです。

onLoad→ライフサイクル機能-ページの読み込みを監視する
onShow→ライフサイクル機能-ページ表示を監視する
onReady→ライフサイクル機能-ページの初期レンダリングを監視する
onHide→ライフサイクル機能-ページの非表示を監視する
onUnload→ライフサイクル機能-ページのアンロードを
監視するonPu​​llDownRefresh→ページ監視関連する処理関数-ユーザーのプルダウンアクション
onReachBottom→ページプルダウンイベントハンドラー
onShareAppMessage→ユーザーが右上隅をクリックして共有するのを聞きます

 onLoad: function(options) {
    
    
    // 页面创建时执行
  },
  onShow: function() {
    
    
    // 页面出现在前台时执行
  },
  onReady: function() {
    
    
    // 页面首次渲染完毕时执行
  },
  onHide: function() {
    
    
    // 页面从前台变为后台时执行
  },
  onUnload: function() {
    
    
    // 页面销毁时执行
  },
  onPullDownRefresh: function() {
    
    
    // 触发下拉刷新时执行
  },
  onReachBottom: function() {
    
    
    // 页面触底时执行
  },
  onShareAppMessage: function () {
    
    
    // 页面被用户分享时执行
  },
  onPageScroll: function() {
    
    
    // 页面滚动时执行
  },
  onResize: function() {
    
    
    // 页面尺寸变化时执行
  },

 

デバッグ手順

コンソールディスプレイ

フィードバックは、console.log()またはconsole.info()機能を使用してコンソールに表示されます。

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    
      console.log("onLoad")
  },

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

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

 
演算結果:
フィードバック
 

ポップアップ表示

wx.showModal()ポップアップウィンドウにフィードバックを表示する機能を使用して

例えば、

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
    
    wx.showModal({
    
    
      title:'Test',
      content:'onShow'
    })
  },

演算結果:

ポップアップ

 

おすすめ

転載: blog.csdn.net/weixin_46263782/article/details/110676927