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

不言
リリース: 2018-08-10 15:32:02
オリジナル
2388 人が閲覧しました

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

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

その理由は次のとおりです: アプレット アプリケーション全体には 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)


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

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

    新しいページを開きます [新しいページをスタックに追加]
    元のページ: onHide
  • 新しいページ: onLoad—>onShow—>onReady
ページのリロード方向 [元のページがポップ、新しいページがポップ]
    • 元のページ: onUnload
    • 新しいページ: onLoad—>onShow—>onReady
    ページ戻り [新しいページがポップ ,元のページを表示]
    • 新しいページ: onUnload
    • 元のページ: onShow
    タブスイッチ
    • 新しいページ: onHide
    • 元のページ:ナリオ 1(ロード済み): onShow シナリオ 2 (ロードされていない): onLoad—>onShow—>onReady
    関連推奨事項:

    ミニ プログラムの自動ロード用の完全なコード

    WeChat ミニ プログラムの例: アニメーション効果を実現する方法マーキーの(コード付き)

    以上が小さなプログラムのライフサイクル分析 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!