ホームページ >ウェブフロントエンド >jsチュートリアル >マスターしなければならない 50 の Angular 面接の質問 (コレクション)
この記事では、マスターすべき Angular 面接の質問 50 個を紹介します。この 50 個の面接質問は、初級、中級、上級の 3 つのパートに分けて分析され、徹底的に理解するのに役立ちます。
Angular の面接でよくある質問のリストを 3 つの部分に分けてまとめました:
Angular チュートリアル "]
#初心者レベル – 面接の質問
AngularJS | Angular | |||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
MVC 設計モデルのサポートコンポーネントとディレクティブの使用 | 言語 | |||||||||||||||||||||||||||||||||||||||||||
推奨言語: JavaScript推奨言語: TypeScript | 式構文 | |||||||||||||||||||||||||||||||||||||||||||
ピクチャ/プロパティおよびイベントには特定の ng ディレクティブが必要ですイベントをバインドするには () を使用し、[] を使用します。属性バインディングの場合 | モバイル サポート | |||||||||||||||||||||||||||||||||||||||||||
モバイル サポートを提供しませんモバイル サポートを提供します | routing | |||||||||||||||||||||||||||||||||||||||||||
$ Routeprovider.when() ルーティング設定用 @RouteConfig {( …)} はルーティング構成に使用されます | 依存関係の挿入 | |||||||||||||||||||||||||||||||||||||||||||
依存関係の挿入の概念はサポートされていません ツリーベースの一方向変更検出をサポートする階層型依存関係注入 | 構造 | |||||||||||||||||||||||||||||||||||||||||||
管理が難しい簡素化された構造により、大規模なアプリケーションの開発と保守が容易になります | スピード | |||||||||||||||||||||||||||||||||||||||||||
2 つの機能データ バインディング、開発の労力、時間が削減される方法 機能のアップグレードは AngularJS よりも速い | サポート | |||||||||||||||||||||||||||||||||||||||||||
アクティブなサポートと頻繁な新しいアップデート |
機能 | jQuery | ## Angular|
---|---|---|
## は | #はい | ##RESTful API |
いいえ | はいアニメーションのサポート | |
はい | はディープリンク ルーティングです | |
いいえ##はい | ##フォーム検証 | |
#はい | ##双方向データ バインディング | いいえ |
##は | ##AJAX/JSONP | ##です#is |
##15 . Angular のプロバイダーとは何ですか? | プロバイダーは、Angular で構成可能なサービスです。これは、依存関係の値を取得する方法に関する情報を提供する依存関係注入システムへの指示です。 |
et() メソッドを持つオブジェクトです、このメソッドサービスの新しいインスタンスを作成するために呼び出されます。プロバイダーには、サービスの新しいインスタンスを作成するために呼び出される
get() メソッドを使用して、他のメソッドやオブジェクトを含めることもできます。プロバイダーは他のメソッドを含めて 方#Angular 式
1. リテラル、演算子、変数を含めることができます。 1. リテラル、演算子、変数を含めることができます。
2. HTML タグ内に記述できます。 2. HTMLタグ内には記述できません。
4. フィルターをサポートしています。 | 4. フィルターはサポートされていません。|||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
DOM | ##部品表|||||||
---|---|---|---|---|---|---|---|
1. ブラウザ オブジェクト モデルを表します | |||||||
2. Web ページ上で動作し、ブラウザのプロパティが含まれます | |||||||
3. すべてのグローバル JavaScript オブジェクト、変数、関数は暗黙的にウィンドウ オブジェクトのメンバーになります | |||||||
4。ブラウザ ウィンドウへのアクセスと操作 | #5. W3C が推奨する標準仕様 | ||||||
33.Angular でのトランスパイルとは何ですか? Angular におけるコンパイルとは、ソース コードをあるプログラミング言語から別のプログラミング言語に変換するプロセスを指します。通常、Angular では、この変換は TypeScript から JavaScript へ行われます。これは内部で発生する暗黙的なプロセスです。 34. Angular でアニメーションを実行する方法 Angular アプリケーションでアニメーションを実行するには、というライブラリを含める必要があります。 Animate Library の特別な Angular ライブラリを使用して、アプリケーション内で ngAnimate モジュールを参照するか、アプリケーション モジュール内の依存関係として ngAnimate を追加します。 35.Angular には何が含まれますか? Angular のインクルードを使用すると、ディレクティブの元の子を新しいテンプレート内の特定の場所に移動できます。 ng ディレクティブは、含まれるディレクティブの最も近い親ディレクティブの含まれる DOM の挿入ポイントが使用されていることを示します。 ng-transclude や ng-transclude-slot などの属性ディレクティブは主にインクルードに使用されます。 36. Angular のイベントとは何ですか? Angular のイベントは、さまざまな DOM イベントの動作のカスタマイズに役立つ特定のディレクティブです。 Angular でサポートされるイベントは以下のとおりです:
37. Angular アプリをテストするためのツールをいくつか挙げてください。
38. Angular でサービスを作成する方法? Angular では、サービスは依存関係の注入を使用して接続される置換可能なオブジェクトです。サービスを実行するモジュールに登録してサービスを作成します。基本的に、Angular サービスは 3 つの方法で作成できます。基本的に、これらは Angular でサービスを作成する 3 つの方法です:
##39.シングルトン パターンとは何ですか?Angular のどこで見つけることができますか? Angular の Singleton パターンは、クラスの複数回の使用を制限する優れたパターンです。 Angular のシングルトン パターンは、主に依存関係の注入とサービスに実装されます。したがって、「new Object()」をシングルトンにせずに使用すると、同じオブジェクトに対して 2 つの異なる格納場所が割り当てられることになります。一方、オブジェクトをシングルトンとして宣言した場合、そのオブジェクトがメモリ内にすでに存在していれば、単純に再利用されます。 40. Angular の REST について何を知っていますか? RESTとは、 RE外観小小大老Niubi転送(BOT)を意味します。 REST は、HTTP リクエストの API (アプリケーション プログラミング インターフェイス) スタイルです。この場合、要求された URL は、処理する必要のあるデータを特定します。次に、HTTP メソッドは、要求されたデータに対して実行する必要がある特定の操作を識別します。したがって、このアプローチに従う API は RESTful API と呼ばれます。 41. Angular のブートストラップとは何ですか? Angular のブートストラップは、Angular アプリケーションを初期化または開始することを意味します。 Angular は自動および手動のブートストラップをサポートしています。 ***Autobootstrapper:***これは、アプリケーションのルート (通常はタグまたはマークアップ) に ng-app ディレクティブを追加することで実行されます (Angular でアプリケーションを自動的に起動したい場合)。 。 Angular は ng-app ディレクティブを見つけると、それに関連付けられたモジュールをロードし、DOM をコンパイルします。
42. Angular でのリンクとコンパイルの違いは何ですか? コンパイル関数はテンプレート DOM 操作に使用され、すべてのディレクティブを収集します。
43. Angular の定数について何を知っていますか? Angular では、定数はグローバル データの定義に使用されるサービスに似ています。定数はキーワード「constant」を使用して宣言されます。これらは一定の依存関係を使用して作成され、コントローラーまたはサービスのどこにでも挿入できます。 44. Angular プロバイダー、サービス、ファクトリーの違いは何ですか? Angular グローバル API は、次のようなさまざまな一般的なタスクを実行するために使用されるグローバル JavaScript 関数の組み合わせです。 オブジェクトの比較 オブジェクトの反復 Angular で Cookie を使用するには、ngCookies angular-cookies.js というモジュールを含める必要があります。 Cookie の設定 cookie.get("nameOfCookie");**Cookie のクリア –** Cookie を削除するには、「削除」メソッドを使用します。 cookie.delete("nameOfCookie");#47. データ モデルが「エリア」外で更新された場合、そのプロセスを説明してください。ビューはどのように表示されますか? 次のいずれかを使用してビューを更新できます: ApplicationRef.prototype.tick() :変更検出はコンポーネント ツリー全体に対して実行されます。
ng-app ディレクティブは、Angular アプリケーションを定義するために使用され、Angular アプリケーションで自動ブートストラップを使用できるようにします。これは Angular アプリケーションのルート要素を表し、通常は または タグの近くで宣言されます。 HTML ドキュメントでは任意の数の ng-app ディレクティブを定義できますが、暗黙的に公式にブートストラップできるのは Angular アプリケーションのみです。残りのアプリケーションは手動で起動する必要があります。 Example <div ng-app=“myApp” ng-controller=“myCtrl”> First Name : <input type=“text” ng-model=“firstName”> <br /> Last Name : <input type=“text” ng-model=“lastName”> <br> Full Name: {{firstName + ” ” + lastName }} </div> 49. 準備された TemplateRef から埋め込みビューを挿入するプロセスは何ですか? @Component({ selector: 'app-root', template: ` <ng-template #template let-name='fromContext'><div>{{name}}</ng-template> ` }) export class AppComponent implements AfterViewChecked { @ViewChild('template', { read: TemplateRef }) _template: TemplateRef<any>; constructor() { } ngAfterViewChecked() { this.vc.createEmbeddedView(this._template, {fromContext: 'John'}); } }50. 隅のボタンをクリックするだけで HTML 要素を非表示にするにはどうすればよいですか? HTML 要素は、ボタンがクリックされたときに HTML 要素を非表示にするコントローラーを備えた ng-hide ディレクティブを使用して簡単に非表示にすることができます。 View <div ng-controller ="MyController"> <button ng-click ="hide()">欢迎关注全栈程序员社区公众号</ button> <p ng-hide ="isHide">欢迎关注Java架构师社区公众号!</ p> </ div> Controller controller: function() { this.isHide = false; this.hide = function(){ this.isHide = true; }; }プログラミング関連の知識の詳細については、「 プログラミング入門」を参照してください。 ###! ! |
以上がマスターしなければならない 50 の Angular 面接の質問 (コレクション)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。