Angular

パフォーマンス最適化

OnPush strategy、trackBy、virtual scrolling、lazy loading、preloading、bundle size、Core Web Vitals、profiling

22 面接問題·
Senior
1

AngularにおけるOnPush戦略とは何ですか?

回答

OnPushは、コンポーネントのinputが参照によって変更された場合、または内部イベントが発火した場合にチェックを制限する変更検知戦略です。この最適化により、複雑なアプリケーションでの検知サイクル数が大幅に削減されます。プレゼンテーショナルコンポーネントにデフォルトでOnPushを適用することは、パフォーマンスを向上させるためのベストプラクティスです。

2

ngForディレクティブにおけるtrackByの主な役割は何ですか?

回答

trackByにより、Angularはリスト内の各要素を一意に識別できるため、更新時のDOM全体の再作成を回避できます。trackByがない場合、Angularは1つの要素が変更されただけでもすべての要素を破棄して再作成します。一意の識別子を持つtrackByを使用すると、動的リストのパフォーマンスが大幅に向上します。

3

Angularのルーティングの文脈におけるlazy loadingとは何ですか?

回答

lazy loadingは、対応するルートがアクティブになったときにのみコードをダウンロードする、モジュールの遅延ロード技術です。これにより、初期バンドルサイズが削減され、アプリケーションの初回表示が高速化されます。lazy loadingされるモジュールは、ルート設定でloadChildrenを使用して定義されます。

4

OnPushでチェックを強制するためにどのメソッドをトリガーしますか?

5

大きなリストにおけるvirtual scrollingの主な利点は何ですか?

+19 面接問題

次の面接に向けてAngularをマスター

すべての問題、flashcards、技術テスト、コードレビュー演習、面接シミュレーターにアクセス。

無料で始める