マイクロチャネルアプレットの顔の質問

小1マイクロチャンネルのメインプログラムのディレクトリとファイルの役割について話してください?

  • project.config.jsonプロジェクトプロファイル、最も使用されます。httpsチェックを開くかどうかを設定することです。
  • App.jsは、いくつかのグローバルデータベースを提供します。
  • ボトムApp.jsonタブ、タイトルバーとルーティング設定。
  • App.wxss共通スタイルなどiconfont導入。
  • 一つの特定のページを含むページ。
  • index.json(現在のページタイトル及び構成に組み込ま成分、等);
  • index.wxml(ページ構造)。
  • index.wxss(ページのスタイルシート)。
  • index.js(論理ページ、リクエスト及びデータ処理)。

2類似点とwxmlのHTML標準の違いについて教えて下さい。

  • 彼らは、ページの構造を記述するために使用されています。
  • タグ、属性、等により、
  • ラベル名は同じではありません、とアプレットタグ少なく、より多くの単一のラベル。
  • いくつかのよりWX:もしそのような属性と{} {}そのような式
  • 唯一のマイクロチャネルの小さなプレビュープログラム開発ツールでWXML、およびHTMLブラウザをプレビューすることができます
  • 異なるパッケージ内のコンポーネント、WXMLコンポーネントの再カプセル化、
  • JSコア、DOMツリーと窓なしのオブジェクトで実行しているアプレットは、アプレットは、ウィンドウオブジェクトやドキュメントオブジェクトを使用することはできません。

3類似点と相違点WXSSとCSSについて話してください?

  • これらは、ページの外観を記述するために使用されています。
  • WXSSは、CSSの特性のほとんど、また、いくつかの拡張や修正を行っています。
  • WXSSはRPXに下にある支持新しい次元でWXSS、サイズ単位を添加し、
  • WXSSはCSSセレクタをサポートしています。
  • WXSSグローバルスタイルや地元のスタイルを提供

4あなたは、データがマイクロ手紙アプレット要求をカプセル化する方法がありますか?

  • Utilsのは、ディレクトリとファイルとルートディレクトリにapiConfig.js api.jsファイルを作成します。
  • パッケージベースのapiConfig.jsは、ポストを取得し、置くには、要求方法などをアップロードし、リクエストボディ、およびトークンテイク例外処理を提供します。
  • URLのページデータ要求、及び対応する方法を導出が提供さ係るパッケージ良い要求方法で導入されたAPI apiConfig.js。
  • 特定のページをご紹介。

5小さなプログラムのページがあるとの間でデータを通信する方法は何?

  • データを渡すために、グローバル変数を使用します
  • ときにページジャンプやデータを渡すために使用するURLのパラメータをリダイレクト
  • 成分を通過テンプレートテンプレートパラメータを使用します
  • キャッシュされたパスのパラメータを使用します
  • データを転送するためにデータベースを使用しました

6類似点と2ウェイバインディングアプレットとのVUEの違いについて教えて下さい。

アプレット直接this.data属性がビューに同期されていないのとほぼ同じ、しかし、あなたはthis.setData()メソッドを呼び出す必要があります!

7機能アプレットのライフサイクルについて教えてください?

  • onLoad()は現在のページのパスのパラメータを取得することができ、一度だけ呼び出され、ページのロード時にトリガされます。
  • onShow()ページが表示/トリガカットフロント、一般にデータ要求を送信するために使用されます。
  • onReady()ページのレンダリングは、ページの代わりに一度だけ呼ばれる完全な初期トリガは、対話する準備ができて、ビュー層です。
  • タブの下部には、舞台裏カット他のページやアプレットに切り替えるなどonHide()ページの非表示/カットバックトリガー、。
  • ONUNLOAD()別のページにこのようなredirectTo又はnavigateBackとしてページアンロードトリガー。

8小さなマイクロチャネル・プログラムは、原理を概説しましたか?

  • アプレットは、基本的に単一ページのアプリケーションであり、すべてのページのレンダリングとイベント処理、ページ内で行われていますが、マイクロチャネルクライアントを介してインターフェースのネイティブ様々なを呼び出すことができます。
  • そのアーキテクチャは、すべてのページの更新は、あなたがデータへの変更によって達成される必要があり、そのUIとデータを分離して、データ駆動型アーキテクチャモデルです。
  • JavaScriptの、WXMLを使用して、平和と同様のフロントエンド開発、従来技術から、WXSSは、3つの手法を開発しました。
  • 関数は、2つの部分とのWebView AppServiceに分けることができます。
  • WebViewのビジネスロジックを持つようにUI、appServiceを示し、データインタフェースコールします。
  • 二つのプロセスにおける一部二つの実験、JSBridgeシステム層、UIレンダリング、処理及び他のイベントを介して通信します。

9コントラストmpvueに、小さなネイティブプログラム、wepyの開発について話してください?

  • 個人的に私は、新しいプロジェクト、および無古いH5の移行プロジェクトは、ネイティブアプレット開発を使用して考慮すれば、利益は、サードパーティ製のフレームワーク、少ないピットと比較されていると思います。
  • 古いのH5 VUEプロジェクトが開発したり、H5プロジェクトを持っているのであれば、さらに小さなプログラムの開発が必要で、wepyまたはほとんど更新されない短期的wepyに、移行または開発しないmpvue適している、それはmpvue米国のグループをお勧めします。
  • チームは強く、フロントエンドの場合、フレーム自身は問題がない場合。
マイクロ文字のアプレットの下に、関連するファイルの種類の簡単な説明?
1、①.wxmlテンプレートファイルは、基本的なコンポーネントとタグフレームのデザイン言語、のセットです、イベントシステムは、ページの構造を構築することができます
②.wxssスタイルファイルは、WXMLのスタイル要素を記述するために使用されるスタイル言語であります
スクリプトロジックファイル、論理的な処理ネットワーク要求を③.js
④.jsonプロファイルは、そのような登録ページ、ページタイトルやTabBarのような小型の設定、
2であって、全体アプレットの全体構成をapp.json。
ページ:[すべてのページのパス]
ネットワークの設定(ネットワークタイムアウト)
インターフェイスのパフォーマンス(ページ登録)
ウィンドウ:{背景色、スタイル、ナビゲーション、デフォルトのタイトル}
タブの下部など
3、監視およびアプレット機能のライフサイクルを扱う、グローバル変数を宣言app.js
4、app.wxssグローバルコンフィギュレーションスタイルファイル
 
II。どのようにデータは、マイクロチャネルアプレット要求をカプセル化されていますか?
統一されたJSファイルおよびエクスポートで1、すべてのインターフェイス
2、app.jsにデータを要求するパッケージの作成方法
図3に示すように、データ呼要求サブページにカプセル化され
若しくは
1.ルートディレクトリにutilsのディレクトリとファイルapi.jsとapiConfig.jsファイルを作成します。
図2は、パッケージappConfig.js GET \ポスト\プット\アップロード要求法等に基づき、リクエストボディ、およびトークンテイク例外処理を提供します。
図3に示すように、ページデータを要求api.js要求方式によるURLをカプセル化し、対応する方法が提供される導出良いapiConfig.jsに導入されます。
特定のインポートページ4、。
 
III。マイクロチャネル・アプレットとどの値の転送(データ転送)方法?
次いで、DATA- *属性値を渡すためにHTML要素にパラメータparamのe.currentTarget.datasetを追加またはオンロードによって得られる1、。
注意:データ名は大文字を持つことができない、オブジェクトを保存しません
2、ID e.currentTarget.idによって設定された値を取得し、識別のメソッドに渡されたID値を設定し、グローバルオブジェクトによって提供された値を渡します
3、ナビゲータでパラメータ値を追加します
若しくは
1、データを渡すために、グローバル変数を使用
2、データのURLを渡すために使用されるページやジャンプリダイレクトパラメータ
3、コンポーネントテンプレートテンプレートパラメータ渡しを使用して
キャッシュを使用して図4に示すように、伝送パラメータ
図5に示すように、伝送パラメータデータベース
 
IV。アプリケーションの高速マイクロ手紙アプレットを改善する方法は何ですか?
1、ページがより速くロード
2、ユーザーの行動予測
デフォルトのデータのサイズを小さくする3、
図4に示すように、組立方式
 
V.マイクロ手紙アプレットの原則?
小さなマイクロチャネル・プログラムでは、JavaScript、wxmlを使用し、wxss 3つの技術は、従来のフロントエンド開発との違いを開発します。
①JavaScriptコードがAPPにおけるマイクロチャネル上で実行され、一部のアプリケーションは、マイクロチャネル技術のH5のAPPは、対応するAPIのサポートを提供する必要が。
独自のXMLベースのマイクロチャネル文法開発を②wxml、これだけ既存のラベルが提供するマイクロ文字の開発に使用し、htmlタグは使用できません。
③wxssは、CSSの機能のほとんどを持っていますが、すべてではないが、何の詳細なドキュメントをサポートしていません(wxssアドレスの連鎖外の絵の導入を使用する必要があるボディがない、スタイルはインポートをインポートする直接使用することができます)。
マイクロチャネルアーキテクチャ、アーキテクチャモデル駆動型のデータは、そのUIとデータがすべてのページの更新は、あなたがデータへの変更によって達成される必要があり、分離されています。
プログラムの特徴は、小型のWebViewとAPPserviceに分けられ、WebViewのは、主にビジネスロジック、データおよびインタフェース・コールを処理するために、appserviceをUIを表示するために使用されます。彼らは二つの方法で行われ、JSBridgeは、UIのレンダリング、イベント処理を実現するために、システムの層を介して通信します。
 
VI。利点とマイクロチャネルアプレットの欠点?
利点:
①比較的広い、使いやすい基本コンポーネントライブラリは基本的に互換性の問題を考慮する必要はありません。
②開発文書プラグインの開発をサポートし、より積極的な開発コミュニティより完璧。
③優れたユーザーエクスペリエンス:ダウンロード、速いオープン、開くことができますを検索し、掃引なしに、ほとんどのネイティブアプリで、Androidのデスクトップに追加することができます。
④開発コストはAPPよりも低くなります。
⑤(アプレットが厳格な審査プロセスを解放)良いセキュリティをユーザーに提供
 
短所:
①より制限、1Mを超えることはできませんページサイズ、ページの個以上のレベルを開くことができません。
②単一のスタイル、構成部品のいくつかはすでになど、スタイルを変更することはできません、シェイプアップ:スライド、ナビゲーション
③、友人の狭い、円形共有することはできませんを促進することのみを促進するための小さなプログラムの近くに、友人と共有することができます
④マイクロ手紙に頼って、背景管理機能を開発することができません
⑤APIインタフェースがhttpsリクエストや公共対処しなければならないので、背景は、トラブルのデバッグ
⑥実際のテスト、AndroidとAppleの異なる個々の機能のパフォーマンス、例えば、アンドリュース測位負荷ゆっくり
 
VI。アプレットとマイクロチャネルH5差?
①異なるオペレーティング環境(マイクロチャネルで動作している小さなプログラム、ブラウザで実行H5)
②異なる開発費(H5必要が別のブラウザと互換性があるため)。
③異なる取得システム権限(権限レベルシステムがシームレスアプレットとすることができます)。
④円滑な生産環境(常にプロジェクトを最適化するために、ユーザーエクスペリエンスを向上させるためのH5必要性を)実行するためのアプリケーション。
 
マイクロチャネル非同期要求アプレットの問題を解決する方法VII。?
コールバック関数で呼び出される関数の次のコンポーネント:
app.js
成功:関数(情報){
that.apirtnCallback(詳細)
}
index.js
onLoad:関数(){
app.apirtnCallback = RES => {
console.log(RES)
}
}
 
アプレットは、ユーザーの一意性を決定するために公共のマイクロチャンネル番号に関連付けられているどのようVIII。?
wx.getUserInfo withCredentialsを用いる方法は、真の、利用可能なはEncryptedDataは、union_id。リア解読対称が必要です。
 
IX。WebViewのを使用して、直接どのような事項に注意を払うロード?
①管理者アプレットの背景を使用してビジネスドメインを追加する必要があります。
ペースアプレットに②h5ページジャンプは、上記1.3.1でなければなりません。
③マイクロチャネルのみ、上記カスタム必要アプレットバージョン1.7.1を共有するように、メイン共有アプレットの名前とすることができます。
④h5支払いはAPPID公共マイクロチャンネル番号は、小さなプログラムをのappidしなければならないことはないかもしれないが、ユーザーはOpenIDのユーザーおよびアプレットでなければなりません
 
インタフェースをコールバックX.小さなプログラムは、問題が発生しますか?
①全範囲にわたってデータのサイズ制限は、直接アプレットを再起動しない限り、小さなプログラムの崩壊につながります。
②小さなプログラムは、直接、記事の内容のHTMLテキストのこのタイプをレンダリングすることができない、表示がプラグインを使用する必要があります
注意:プラグインレンダラーが遅くページのロードにつながる、それがバックグラウンドで記事のHTMLコンテンツをフィルタリングすることが推奨され、バッチと直接取引するためのバックグラウンドは、pのdivタグラベルビューラベルを交換してください。次にやる作るために他のラベルを差し込みます。
 
XI。どのくらい小さいマイクロチャネルプルダウンリフレッシュプログラムを達成するために?
代わりに、ビューによってスクロールビューの、onPullDownRefresh提供される機能を実現するために
 
十二.webviewページどのように戻って、アプレットにジャンプするには?
wx.miniProgram.navigateTo({
URL: 'ページ/ログイン/ログイン' + '$はparamsは'
})
//ナビゲーションアプレットのページにスキップ
wx.miniProgram.switchTab({
URL: '/ページ/インデックス/インデックス'
})
 
13との間のcatchtap .Bindtap違いは?
①bindイベントバブルはバブルアップからイベントを防ぐことはできませんバインディング
②catchイベントバインディングはバブルアップイベントバブルを防ぐことができます
 
差XIV説明wx.navigateTo()、wx.redirectTo()、wx.switchTab()、wx.navigateBack()、wx.reLaunch()は?
wxmlページで①:
新しいページをジャンプ
現在のページを開きます。
[ホーム]タブに切り替え
②ではJSページ:分割「のページには、アプリケーション内」と「TabBarのページ」;
③上記失敗したか、または無効ジャンプジャンプの出会いの問題場合は、次を参照してください。wx.navigateTo / wx.redirectTo無効
 
XV。アプレットのライフサイクル機能?
1、のonLoad()はページがロードは、一度だけ呼び出されたときにトリガされ、あなたは、現在のページのパスのパラメータを取得することができます
一般的にデータ要求を送信するために使用されるトリガーを切り替え2、onShow()ページが表示され/受信
図3は、onReady()は、ページが最初にレンダリングされるときにページに代わって、一度だけ呼ばれ、トリガされ、ビュー層をやりとりする準備ができています
4、onHide()ページの表示/非トリガは、舞台裏切断他のページまたはアプレットに切り替えるタブの下部として、カットバック
図5に示すように、ページは、異なるページにredirectTo又はnavigateBackように、アンロードされるときONUNLOAD()がトリガされます。
 
XVI。アプレットとのVueの言葉遣いの違いは?
①トラバーサル時間:アプレットWX:=「リスト」のため、Vueのは、「リストの項目」V-用=である一方、
②コールデータモデル(割り当て):
アプレット:this.data.item //コール
this.setData({アイテム:1})//割り当て
VUE:this.item //コール
this.item = 1 //割り当て
 
よくある質問
図1に示すように、RPX:寸法は小さなプログラムであり、規定が750rpxをスクリーニング、異なる画面解像度に適合させることができます。
2、ローカルリソースはwxssすることによって得ることができません
RE:背景画像:あなたは、ネットワークの絵、またはBASE64を使用するか、またはラベルを使用することができます
3、wx.navigateToは、ページを開くことができません
同時に、アプリケーションができる唯一のオープン5ページ、マルチレベルの対話モードを回避し、またはwx.redirectToを使用:RE
4、タブバー設定は示されていません
RE:二つ以上5未満①tabBar番号は表示されません。
②tabBar書き込みエラーが表示されません。
③tabBarはpagePathフィールド(開始後に表示される最初のページ)を書いていません

おすすめ

転載: www.cnblogs.com/teahouse/p/11504361.html