検索
ホームページWeChat アプレットミニプログラム開発WeChat ミニ プログラムの実践的な開発のための App() 関数と Page() 関数の概要

1つは、App()

は小さなプログラムを登録するために使用されます。アプレットの開始時に呼び出され、破棄されるまでアプレットを作成します。これは、ミニ プログラムのライフサイクル全体を通して存在します。明らかに、それはシングルトンでグローバルです。したがって、

1) は app.js に 1 回しか登録できません。

2) このユニークな小さなプログラム シングルトンは、コード内の任意の場所で getApp() を通じて取得できます。

たとえば、var appInstance = getApp();


App() のパラメーターはオブジェクト タイプ {}、アプレットの宣言サイクル関数を指定します。

onLaunch 関数

はアプレットの初期化を監視します。

ミニプログラムの初期化が完了すると、onLaunch がトリガーされます (グローバルに 1 回のみトリガーされます)。


onShow関数

は、ミニプログラムの表示を監視します。

ミニプログラムが開始されるか、バックグラウンドからフォアグラウンドで表示されるとトリガーされます。


onHide関数

リスニングアプレットを非表示にします。

ミニプログラムがフォアグラウンドからバックグラウンドに入るとトリガーされます。

いわゆるフロントエンドとバックエンドの定義は、たとえば、WeChat を使用していないときにバックエンドに入ります。


globalData オブジェクト

グローバル データ。


次のアニメーションに示すように、コードとログのリファレンス:

WeChat ミニ プログラムの実践的な開発のための App() 関数と Page() 関数の概要

2. Page() 関数

App() の登録を通じてミニ プログラムが完了した後、フレームワークはページの登録を開始します。ページはまだ登録されていないため、App() の onLaunch で getCurrentPage() メソッドを呼び出さないでください。


同じ Page() にもライフサイクルがあります。ページの登録が完了したら、page.js ファイルの getCurrentPage() メソッドを呼び出して、現在のページ オブジェクトを取得できます。


2.1 では、Page() のパラメータも Object 型です。
onLoad
ページの読み込みを監視

ページが最初に読み込みを開始したときにトリガーされます。一度だけ呼び出されます。


onReady
ページの初期レンダリングの完了をリッスンします

HTML の onReady に似ています。一度だけ呼び出されます。

onShow
onUnload

ページのアンロードをリッスン



redirectTo または navigateBack 時に


onPullDownRefresh を呼び出す

ユーザーのプルダウンを監視する


1) EnablePullDownRe をオンにする必要があります設定のウィンドウオプションで新鮮です。

2) データ更新の処理後、wx.stopPullDownRefresh は現在のページのプルダウン更新を停止できます。


onReachBottom
ページプルボトムイベントの処理関数


data

ページの初期データ


2.2, Page.prototype.setData()

Page’ s 関数 setData( ) はページの初期データを変更するために使用されます。データがビュー レイヤー wxml にバインドされて表示されている場合、ビュー レイヤーは更新せずに変更を反映します。


データの変更には setData() のみを使用でき、this.data を通じて直接変更することはできません。データサイズは 1024 kb に制限されています。



2.3、getCurrentPages()

、現在のページスタックのインスタンスを取得します。スタックの順序で配列の形式で指定されます。最初の要素はホームページで、最後の要素は現在のページです。 。

2.4、ケースアニメーション


3. ページスタック

フレームワークは、現在のすべてのページをスタックの形式で維持します。 ルーティングの切り替えが発生すると、ページ スタックは次のように動作します:



5. ページ ルーティング


WeChat ミニ プログラムの実践的な開発のための App() 関数と Page() 関数の概要 WeChat の実践的な開発に関する App() および Page() 関数の概要に関するその他の関連記事はこちらミニ プログラムについては、PHP 中国語 Web サイトをフォローしてください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール