パフォーマンス最適化
OnPush strategy、trackBy、virtual scrolling、lazy loading、preloading、bundle size、Core Web Vitals、profiling
22 面接問題·
Senior
1AngularにおけるOnPush戦略とは何ですか?
1
AngularにおけるOnPush戦略とは何ですか?
回答
OnPushは、コンポーネントのinputが参照によって変更された場合、または内部イベントが発火した場合にチェックを制限する変更検知戦略です。この最適化により、複雑なアプリケーションでの検知サイクル数が大幅に削減されます。プレゼンテーショナルコンポーネントにデフォルトでOnPushを適用することは、パフォーマンスを向上させるためのベストプラクティスです。
2ngForディレクティブにおけるtrackByの主な役割は何ですか?
2
ngForディレクティブにおけるtrackByの主な役割は何ですか?
回答
trackByにより、Angularはリスト内の各要素を一意に識別できるため、更新時のDOM全体の再作成を回避できます。trackByがない場合、Angularは1つの要素が変更されただけでもすべての要素を破棄して再作成します。一意の識別子を持つtrackByを使用すると、動的リストのパフォーマンスが大幅に向上します。
3Angularのルーティングの文脈におけるlazy loadingとは何ですか?
3
Angularのルーティングの文脈におけるlazy loadingとは何ですか?
回答
lazy loadingは、対応するルートがアクティブになったときにのみコードをダウンロードする、モジュールの遅延ロード技術です。これにより、初期バンドルサイズが削減され、アプリケーションの初回表示が高速化されます。lazy loadingされるモジュールは、ルート設定でloadChildrenを使用して定義されます。
4
OnPushでチェックを強制するためにどのメソッドをトリガーしますか?
5
大きなリストにおけるvirtual scrollingの主な利点は何ですか?
+19 面接問題
その他のAngular面接トピック
TypeScriptの基礎
Junior
25問TypeScript上級
Junior
20問Angularの基礎
Junior
20問コンポーネントとライフサイクル
Junior
20問Services & Dependency Injection
Junior
20問Angularモジュールの構成
Mid-Level
22問Angular CLI
Junior
18問ディレクティブとPipe
Mid-Level
22問ルーティングとナビゲーション
Mid-Level
24問リアクティブフォーム
Mid-Level
26問テンプレート駆動フォーム
Mid-Level
16問RxJS の基礎
Mid-Level
22問RxJS オペレーター
Mid-Level
24問HttpClientとAPI呼び出し
Mid-Level
22問基本的な状態管理
Mid-Level
20問Change Detection
Mid-Level
20問Angular Signals
Mid-Level
20問Standalone Components
Mid-Level
18問Angularのユニットテスト
Mid-Level
22問エンドツーエンドテスト
Mid-Level
18問ビルドと最適化
Mid-Level
20問NgRxの基礎
Senior
24問NgRx応用
Senior
24問Angularアーキテクチャ
Senior
22問セキュリティとベストプラクティス
Senior
20問高度な RxJS パターン
Senior
22問Angular Universal と SSR
Senior
20問Angular マイクロフロントエンド
Senior
20問