共有ミニプログラムページを開発する際に注意すべき問題

この記事は、主にWeChatミニプログラムページの開発上の注意事項によってまとめられた関連情報を紹介します。必要な友人は、ミニプログラムの

開発上の注意事項を参照してください:

1、jsファイル

に対応するjsファイル。ページには、onReady、onLoad、onShow、onHide、onUnload のページを定義できるほか、カスタム関数はデフォルト関数の後に記述する必要があります。つまり、「ページ上の最初のデータ、次にデフォルト関数、次にカスタマイズされた関数」により、コード レビューが容易になり、コラボレーションの効率が向上します。

2. json ファイル

は、コンテンツがない場合でも、現在のページで再定義する必要がある場合は空のデータにする必要があります。 , 次に、「内容をコピーして新しい値を直接割り当て」を変更して、ミニ プログラムのステータス バー、ナビゲーション バー、タイトル、ウィンドウの背景色を設定します。最も一般的に使用されるのはページのタイトルです

{
 "navigationBarTitleText": "我的",
 "selfdata":"全栈工程师师不靠谱更新",
 "tabBar": {
  "list": [{
  "pagePath": "pagePath",
  "text": "text",
  "iconPath": "iconPath",
  "selectedIconPath": "selectedIconPath"
  }],
  "position":"top"
 }
}

メニューを一番下に置くことに慣れているので、一番上にメニューを置きましょう。

3. wxml ファイル

ページの先頭と下部をそれぞれカプセル化し、テンプレートにし、ページにインポートする必要があります

<import src="/pages/common/head.wxml"/>
<import src="/pages/common/foot.wxml"/>

以前に HTML を書く良い習慣は引き続き取り入れられます。頭と足、そしてもちろんビジネスの内容です。本文に関しては、レイアウトとクラス

の制御を容易にするために、各部分がビューでラップされています。データは、ページがロードされるときに、ネットワークまたはから取得されます。 キャッシュ、およびデータは、ページのデータで定義されたコンテンツを通じてページ上にレンダリングされます。特定のプレゼンテーション リストと条件にはさまざまな用途があります。

4、wxssfiles

@import "common.wxss";

publicスタイル、resetstylesは、さまざまなプロジェクトに従って事前に管理する必要があります、pxを使用しない、pxを使用しない、pxを使用しない、重要であると言うミニプログラムの互換性と適応性を確保するために、新しい単位 rpx が使用されます

5. ユーザーがローカル キャッシュをクリアするボタンを提供します。プロジェクトのリセットスイッチに相当し、キャッシュデータ、ファイルデータ、認可データを異なるプロジェクトで使用することができます。

【関連の推奨事項】

1. WeChatミニプログラムの完全なソースコードのダウンロード

2. Chai Ge WeChatミニプログラムストアのソースコード

3. WeChatミニプログラムのデモ: Yangtao

以上が共有ミニプログラムページを開発する際に注意すべき問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。