ホームページ > 記事 > WeChat アプレット > 小さなプログラムのライフサイクル分析 (コード付き)

小さなプログラムのライフサイクル分析 (コード付き)

不言オリジナル: 2018-08-10 15:32:022400ブラウズ

この記事の内容は、小さなプログラムのライフサイクルの分析に関するものです(コード付き)。必要な方は参考にしていただければ幸いです。

まず最初に考えてみましょう: 画面をクリックするか、画面をスライドするなどの同様のトリガーイベントを実行すると、それに応じてインターフェイスが変化するのはなぜですか?

その理由は次のとおりです: アプレットアプリケーション全体には 2 つのスレッドがあります。

1 つのスレッドがビューのレンダリングを実行します
1 つのスレッドが論理処理を実行します
これはほぼご存知のはずですが、wxml ファイルと wxss ファイルは主に応答の論理処理に使用されます。イベント、分業明確です!

次に、ミニプログラムを使用すると、多くのページがあることが分かります。これらのページとプログラム全体との関係は誰でしょうか? ?

[x] アプリは、異なるライフサイクルを持つアプリとページで構成されます
app
プログラムが開始されると、onLaunch が実行されます—>onShow

App({
  onLaunch: function () {
  },
  onShow: function (options) {
  },
  onHide: function () {
  },
  onError: function (msg) {
  }
})

pages
プログラムが開始され、onLaunch が実行されます —>onShow の後、ホームページを読み込みます。onLoad —>onShow —>onReady

Page({
  data: {
  },
  onLoad: function (options) {
  },
  onReady: function () {
  },
  onShow: function () {
  },
  onHide: function () {
  },
  onUnload: function () {
  },
  onPullDownRefresh: function () {
  },
  onReachBottom: function () { 
  },
  onShareAppMessage: function () {
  }
})

この時点で、レンダリングされたホームページがすでに表示されています!

ハンサムまたは美しいセルフィーを撮りたいときは、ホームボタンを押すか、右上隅にある終了小さな円をクリックしてください。このとき、ミニプログラムはどうなりますか? - ホームページの読み込み onLaunch—>onShow—>onLoad—>onShow—>onReady 読み込みが完了しました
- 終了するには、アプレットは実際に onHide (ページの onHide) ->onHide (アプリの onHide) を実行します
セルフィーを鑑賞し終えた後、今のミニプログラムを思い出して、それを見てみたいと思ったら、どうすればよいでしょうか? 開いた後、ミニプログラムが何を行うかを考えてください。それは
- いいえ、いいえ、セルフィーの表示時間がそれほど長くない場合、またはアプレットをしばらく保持するのに十分なメモリがある場合は、アプレットを起動するだけで済みます。 - onLaunch—>onShow—>onLoad—>onShow—>onReady—>onHide(page)—>onHide(app) これは、先ほどホームページをロードして終了した後のライフラインです。今回は、プログラムは次のようになります: onShow(app)—>onShow(page)

この時点では、ページの基本的な読み込みに問題はないはずです

問題ありません。すぐに進みましょう次のステップは素晴らしいです

ページのリロード方向 [元のページがポップ、新しいページがポップ]

ページ戻り [新しいページがポップ ,元のページを表示]

タブスイッチ

小さなプログラムのライフサイクル分析 (コード付き)

関連記事