Ember.js の面接での質問トップ 25 (2024)
Ember.JS インタビューの質問と回答
ここでは、新人だけでなく経験豊富な候補者も夢の仕事に就くための Ember.js 面接の質問と回答を紹介します。1) Ember.js とは何か、そしてそれがどのように機能するのか説明してください。
Ember.js は、定型文を排除し、同時に標準のアプリケーション アーキテクチャを提供する Web アプリケーションの作成に使用されます。 Ember は、ロジックがブラウザーで実行され、機能へのサーバー リクエストを必要としないアプリケーションの作成に役立ちます。 Ember は、ユーザーがブラウザ ページ上のボタンやテキスト ボックスなどを操作すると、DOM を直接かつ即座に更新します。無料 PDF ダウンロード: Ember.js インタビューの質問と回答
2) Ember.js の主要コンポーネントをリストアップしますか?
Ember.js の主なコンポーネントは次のとおりです。- Models
- ルーター
- コントローラ
- ビュー
- コンポーネント
- テンプレ
- ヘルパー
3) Ember.js のモデルとは何ですか?
Ember アプリケーション内では、永続的な状態を保存するためにモデル オブジェクトが使用されます。 これらのモデル オブジェクトはテンプレートを裏付け、テンプレート内に表示されるデータを提供します。 HTML.4) Ember アプリケーションがどのように構成されているか説明してください。
アプリケーション ember.js は MVC (モデル、ビュー、コントローラー) 構造に基づいています。- モデル： アプリケーションで使用されるデータを定義します
- コントローラ： クエリを変更してデータを編集し、ユーザーとの対話を提供します。
- 閲覧数： データを表示し、ユーザーのアクションをキャプチャします
5) Ember.js ではどのコントローラーが機能しますか?
コントローラーは Ember.js で XNUMX つのことを行います- まず、ルートによって返されたモデルを装飾できます
- ユーザーが実行したアクションをリッスンできます
6) ember.js が従来の Web アプリケーションとどう違うのか説明してください。
Ember.js では、アプリケーションのロジックの大部分がサーバー上に存在するのではなく、ember.js アプリケーションは、最初のページ読み込み時に実行に必要なものすべてをダウンロードします。 そのため、ユーザーはアプリの使用中に新しいページを読み込む必要がなく、UI はすぐに応答します。 このアーキテクチャの利点は、Web アプリケーションが同じ REST を使用することです。 API ネイティブアプリとして。7) Router と {{outlet}} タグが ember.js でどのように役立つかを説明しますか?
- Router を使用すると、アプリの考えられるすべての状態を指定し、それらを URL にマッピングできます。
- コンテナ テンプレートに子テンプレートを含める手段を提供してセクションの階層を構築するには、{{outlet}} タグが使用されます
8) ember.js の Router と Route の違いを説明してください。
ルーター: ブラウザーのアドレス バーとアプリケーションの間の接続ポイントです。 アドレスをルートに変換します。 ルート: ユーザーリクエストがルーターによって変換された後に到着する場所です。 ルートは、どのデータをテンプレートに提供するかを決定します。9) Ember データとは何ですか?
Ember-Data は、サーバーからレコードを取得して保存し、ブラウザーで更新してサーバーに保存し直すライブラリです。
10) アダプターの役割とアダプターの種類について説明しますか?
アダプターはバックエンドにクエリを実行し、各アダプターは特定のバックエンドで構成されます。 たとえば、Rest アダプターは次のように処理します。 JSONの API と LSAdapter はローカル ストレージを処理します。11) ビューを定義および挿入する XNUMX つの方法とは何ですか?
最初の方法- Em.View クラスを拡張することにより、JavaScript でオブジェクトを作成してビューを定義する必要があります。 その中で関数と変数を宣言できます。
- テンプレートにビューを挿入するには、ハンドルバー スクリプト {{ #view App.ViewName}} を記述する必要があります。
- この手法では、テンプレートに挿入するときにビュー オブジェクトの名前は必要ありません。 ただし、オブジェクト内には templateName という別のプロパティがあります。これは、テンプレート内のハンドルバーのスクリプト タグのデータ テンプレート名属性と同じ値で初期化する必要があります。
12) ember.js のコントローラーとは何ですか?
ビジネス ロジックを処理する必要がある場合は、コントローラーを使用できます。コントローラーは、ページのセクションまたはページの一部全体を表すことができます。 これは論理機能のブロックのようなものです。13) ember.js で使用されるテンプレート コンポーネントについて言及しますか?
ember.js で使用されるテンプレート コンポーネントは次のとおりです。- 一部
- 表示
- レンダー
- 産出
- アウトレット
14) シリアライザーとは何ですか?
サーバーから返された生の JSON (JavaScript Object Notation) ペイロードをレコード オブジェクトに変換するのは、シリアライザーの役割です。 JSON API は、さまざまな方法で属性と関係を表すことができます。15) 新しい ember クラスを定義するにはどうすればよいですか?
Ember.object の extend() メソッドの呼び出しを使用して、新しい ember クラスを定義できます。16) Ember の作成方法を説明します。 ハンドルバーのテンプレート？
Ember.Handlebars.Compile() を呼び出して、ember.handlebars テンプレートを作成します。 これは、ember.view がレンダリングに使用できる関数を返します。17) フィクスチャを使用してデータをアプリケーションに追加する方法を説明してください。
アプリケーションを長期永続化に接続する前にサンプル データをアプリケーションに配置するには、フィクスチャが使用されます。- まず、js/application.js を更新して、アプリケーションの アプリケーションアダプター DS.FixtureAdapter の拡張機能です。 アダプターは、アプリケーションのデータ ソースと通信するために使用されます。 通常、これは Web サービス API になります。
- 次に、js/models/todo.js にあるファイルを更新します。
18) ember パッケージ/ember run-time/lib およびパッケージ/ember metal/lib/utils.js で使用される関数のいくつかについて言及しますか?
- なし： 引数が null または未定義の場合は tur を返します
- 空の： ユーティリティ関数は、空の文字列と空の配列に対して false を返すことで、ember.none のルールを制約します。
- 配列: これを使用して、値が 配列
- 配列の作成: この関数は、配列内の特定のオブジェクトが必要な場合に使用されます。
- 種類: これは、渡された引数の型を取得するために使用されます
- 比較： 異なるタイプの XNUMX つのオブジェクトを比較するために使用されます
- 等しい: 渡された XNUMX つの引数が論理的に等しいかどうかをチェックします
- 検査します: デバッグ中にこの機能は便利です。 指定されたオブジェクトに対して文字列の説明を返します。
- ログバインディング: ログ バインディングは関数ではなくブール関数です。 true に設定すると、ember はバインディングで発生しているすべてのアクティビティをログに記録します。
19) ember.js の Enumerable とは何ですか?
Ember.js では、列挙可能とは、多数の子オブジェクトを含むオブジェクトであり、Ember.Enumerable API を使用してそれらの子を操作できるようにします。 ネイティブ JavaScript 配列は、ほとんどのアプリで最も一般的に列挙できるものです。20) Ember.ArrayController とは何ですか?また、その利点は何ですか?
Ember.ArrayController は、基礎となる配列をラップし、ビュー レイヤーに追加機能を追加するコントローラーです。 利点は、ビュー バインディングを設定する必要があるのが XNUMX 回だけであることです。21) アプリケーションテンプレートについて説明しますか?
Ember.js では、アプリケーション テンプレートはアプリケーションの起動時に使用されるデフォルトのテンプレートです。 テンプレート アプリケーションでは、Web ページに表示するヘッダー、フッター、その他の装飾アイテムを配置する必要があります。22) ember.mixin クラスとは何ですか?
Ember.mixin クラスはオブジェクトを作成でき、その機能とプロパティを他のインスタンスやクラス間で共有できます。 これは、オブジェクト間およびデザイン オブジェクト間で動作を共有するのに役立ちます。23) Ember.Namespace.Class とは何ですか?
Namespace.Class は通常、アプリケーションやフレームワークなどの他のオブジェクトやメソッドを含むオブジェクトを定義するために使用されます。24) Ember.TrackedArray が役に立つのはどんなときですか?
配列操作を追跡するには、Ember.TrackedArray を使用できます。 後続の操作によって項目がシフトされた後に配列内の項目のインデックスを計算する必要がある条件では、より便利です。25) ember.js でインスタンスを作成する方法を説明しますか?
クラスを定義したら、その create() メソッドを呼び出して新しいインスタンスを作成できます。 クラスで定義したプロパティやメソッドはすべてインスタンスで使用できるようになります。 ボーナス！26) Ember.SortableMixin の使い方を説明してください。
配列プロキシの場合、Ember.SortableMixin は、ソート順序を指定し、オブジェクトが更新、削除、または追加されたときに、基になるモデル配列の順序を変更せずにこのソートを維持するための標準インターフェイスを提供します。 これらの面接の質問は、あなたのビバ（口頭）にも役立ちます。よろしければ：
