WeChat ミニ プログラムの面接で知っておくべき質問

1 WeChat アプレットのメイン ディレクトリとファイルの役割について話してください。

• project.config.json プロジェクト構成ファイル。最も一般的に使用されるのは、https 検証を有効にするかどうかを構成することです。

• App.jsいくつかのグローバル基本データなどを設定します;

• App.json の下部タブ、タイトル バー、ルーティング設定;

• App.wxss パブリック スタイル、アイコンフォントなどの導入;

• pages には特定のページが含まれます;

• index.json (現在のページのタイトルの構成とコンポーネントの導入など) .);

• index.wxml (ページ構造);

• index.wxss (ページ スタイル シート);

• index.js (ページ ロジック、リクエストおよびデータ処理など);

2 wxml と標準 HTML の類似点と相違点について話してください。

• はページの構造を記述するために使用されます。
• はタグ、属性などで構成されます。
• タグ名は異なり、タグの数は少なくなりますミニ プログラム タグ。さらに複数の単一タグがあります。
• wx:if などの属性や {{ }}
• WXML は WeChat アプレット開発者ツールでのみプレビューできます。一方、HTML はブラウザでプレビューできます。
• コンポーネントのカプセル化は異なります。WXML はコンポーネントを再カプセル化します。
• アプレットは JS Core で実行され、DOM ツリーとウィンドウ オブジェクトはありません。アプレット ウィンドウ オブジェクトおよびドキュメント オブジェクトでは使用できません。

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

• はページの外観を記述するために使用されます。

• WXSS は CSS のほとんどの機能を備えており、いくつかの拡張機能も備えています。変更;

• WXSS は新しいサイズ単位を追加しました。WXSS は最下層で新しいサイズ単位 rpx をサポートします。

• WXSS は一部のみをサポートしますCSS セレクター;

• WXSS はグローバル スタイルとローカル スタイルを提供します

4 WeChat アプレットのデータ要求をどのようにカプセル化しますか?

• ルート ディレクトリに utils ディレクトリ、api.js ファイル、および apiConfig.js ファイルを作成します。

• 基本的な get を apiConfig にカプセル化します。 js 、post、put、upload およびその他のリクエスト メソッド、リクエスト本文の設定、トークンと例外処理の導入など;

• apiConfig.js によってカプセル化されたリクエスト メソッドを API に導入します。 、ページ データに基づいて、要求された URL に対して、対応するメソッドを設定してエクスポートします。

• #特定のページにインポートします。

#5 ミニプログラムページ間の転送は何ですか? データ方式は何ですか?

• グローバル変数を使用してデータ転送を実装する

• ページがジャンプまたはリダイレクトするときは、パラメーターを指定した URL を使用してデータを転送します

• コンポーネント テンプレート テンプレートを使用してパラメータを渡す

• キャッシュを使用してパラメータを渡す

• データベースを使用してデータを渡す

6 ミニ プログラムと vue の双方向バインディングの類似点と相違点について話してください。

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

7 ミニ プログラムのライフサイクル機能について話してください。

• onLoad() は、ページが読み込まれるときにトリガーされます。現在のページ パス内のパラメーターを取得するために 1 回だけ呼び出されます。

• onShow() ページが表示されるか前景に切り替わるとトリガーされ、通常はデータ リクエストの送信に使用されます。

• onReady() の場合ページの初期レンダリングが完了します。トリガーされ、一度だけ呼び出されます。これは、ページがビュー レイヤーと対話できることを意味します。

• onHide() 下部のタブが他のページに切り替わったり、アプレットが背景に切り替わったりするなど、ページが非表示になったり背景に切り替わったりしたときにトリガーされます。

• onUnload() 他のページに redirectTo または navigateBack するときなど、ページがアンロードされるときにトリガーされます。

8 WeChat ミニ プログラムの原理を簡単に説明してください。

• ミニ プログラムは基本的に単一ページのアプリケーションです。すべてのページ レンダリングとイベント処理は 1 ページ内で実行されますが、WeChat クライアントを通じてさまざまなネイティブ インターフェイスを呼び出すことができます。

そのアーキテクチャはデータ駆動型アーキテクチャ モデルです。その UI とデータは分離されています。すべてのページの更新は、データの変更を通じて実現する必要があります。
技術的に言えば、既存のフロントエンド開発と似ており、開発には JavaScript、WXML、WXSS の 3 つのテクノロジを使用します;
関数は webview と appService に分けることができます;
webview は UI の表示に使用され、appService はビジネス ロジック、データ、インターフェイス呼び出しの処理に使用されます。
2 つの部分 その一部2 つのプロセスで実行され、システム層 JSBridge を介して通信して UI レンダリング、イベント処理などを実装します。
9 ネイティブ開発アプレット、wepy、mpvue の比較について話してください。

個人的には、新しいプロジェクトで古い h5 プロジェクトの移行がない場合は、ネイティブ開発に小さなプログラムを使用することを検討すると思います。 -政党の枠組みを使えば、落とし穴が少なくなります。
vue で開発された古い h5 プロジェクトがある場合、または小規模なプログラム開発も必要な h5 プロジェクトがある場合は、移行または開発を行うには wepy または mpvue の方が適しています。最近wepyがほとんど更新されていないので、Meituanのmpvueをお勧めします。
そして、チームのフロントエンドが強力であれば、自分でフレームワークを構築することも問題ありません。

10 ミニ プログラムとネイティブ アプリのどちらが優れていますか?

公式アカウントの低開発コスト、低顧客獲得コスト、ダウンロード不要などのメリットに加え、ミニプログラムによりサービスリクエストの遅延やユーザーエクスペリエンスが大幅に改善され、複雑なサービス機能を備え、ユーザーに優れたユーザーエクスペリエンスを提供します。

11 WeChat ミニ プログラムの原理を簡単に説明します

WeChat ミニ プログラムは JavaScript、WXML、WXSS の 3 つのテクノロジーを使用して開発されており、技術的には既存のフロントエンド開発と似ています。 、でも、もっと深く掘り下げると、それは異なります、また何か違うものです。

JavaScript: まず第一に、JavaScript コードはブラウザーではなく WeChat アプリで実行されます。そのため、一部の H5 テクノロジー アプリケーションでは、WeChat アプリが対応する API サポートを提供する必要があり、これにより H5 テクノロジーのアプリケーションが制限されます。厳密に H5 と呼ぶことはできませんが、疑似 H5 と呼ぶことができます。同様に、WeChat が提供するいくつかの独自の API は、H5 でサポートされていないか、特に十分にサポートされていません。

WXML: WXML は XML 構文に基づいて WeChat 自身によって開発されたため、開発中に使用できるのは WeChat が提供する既存のタグのみであり、HTML タグは使用できません。

WXSS: WXSS には CSS のほとんどの機能が備わっていますが、すべてがサポートされているわけではなく、どの機能がサポートされ、どの機能がサポートされていないのかに関する詳細なドキュメントはありません。

WeChat のアーキテクチャはデータ駆動型のアーキテクチャ モデルであり、UI とデータは分離されており、すべてのページ更新はデータの変更を通じて実装する必要があります。

アプレットは、webview と appService の 2 つの部分に分かれています。このうち、webview は主に UI の表示に使用され、appService はビジネス ロジック、データ、インターフェイス呼び出しの処理に使用されます。これらは 2 つのプロセスで実行され、システム層 JSBridge を介して通信し、UI レンダリングとイベント処理を実現します

12 WeChat アプレットの双方向バインディングは vue とどのように異なります

Mini プログラムのプロパティthis.data のデータをビューに直接同期することはできません。 this.setData({})

を呼び出す必要があります。 推奨チュートリアル: 「WeChat アプレット」 "

以上がWeChat ミニ プログラムの面接で知っておくべき質問の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。