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

零下一度
リリース: 2017-05-24 09:22:05
オリジナル
1997 人が閲覧しました

この記事は、主に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 サイトの他の関連記事を参照してください。

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