フロントエンドでのマイクロメッセージウィジェットの開発に注意すべき問題

1559 ワード

テキスト

アプレット


ウィジェットドキュメント
私はいくつかのウィジェットドキュメントに言及されていない問題と開発のテクニックを追加します.

project.config.json


このファイルの目的は、コンピュータの交換によって構成が失われることなく、エディタの構成を保存することです.エディタが認識するエディタプロファイル

appjs


appjsはグローバルで唯一、非appjsページではgetApp()でappjsを取得できる方法です.いくつかのグローバル変数またはメソッドはappjsに書くことができ、呼び出しが容易である.
APP({
    onLaunch() {

    },
    onShow() {

    }
    onHide() {

    },
    /*       */
    SplitStr(){

    }
    ...
})

onLaunch、onShow、onHideなどの方法は、ウィジェットの起動時に呼び出され、具体的な機能課はドキュメントを参照し、グローバルメソッドを合理的に定義することは後期のコード作成に有利である.
開発ではグローバルメソッド,ポップアップウィンドウ,requestリクエストメソッド,符号化メソッドなどをカプセル化し,これらのメソッドをappjsに配置することで,よりよく呼び出すことができる.
gloablは、getApp()を介してグローバル変数を保存することができる.globalDataを入手できます.

page


1つのページを登録する場合は、ページを適切に構成する方法とコンポーネントが必要です.いくつかの共通のコンポーネントは、Componentコンポーネントまたはtemplateテンプレートに抽出できます.
ライフサイクルとイベント処理関数Pageページが最も一般的です.各ライフサイクル関数の役割を区別する必要があります.
  • pageで最も重要なのはsetDataである可能性があります.頻繁にsetDataを呼び出すとパフォーマンスの問題が発生し、ページのカートンやレンダリングが遅すぎるとsetDataを頻繁に呼び出す可能性があることを覚えておいてください.
  • pageのonPageScrollでは、setDataを頻繁に操作すると、ページカートンが発生します.良い方法は、1つの区間値を限定すると、区間値内で変更され、逆に呼び出されません.
  • pageのプライマリパッケージサイズは2 Mのみであり,コンポーネント化して開発することが望ましい.パケットロードを使用しても、この問題に注意する必要があります.

  • 開発上の注意点

  • storage 1 key最大1 Mのデータ
  • 開発では、
  • をコンポーネント形式で開発することを提案する.
  • 公共の方法を抽出し、appまたは公共の方法の中に置く
  • ページのレベルは現在最大10階までで、getCurrentPages()を使用してページレベルの余分な7階まで監視する場合はwxを使用することをお勧めします.redirectTo、ページカードの死を避ける.

  • 参考:ウィジェットコンポーネントの問題
    関連するウィジェット開発の問題は更新され続けます.