Optymalizacja wydajności
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Czym jest strategia OnPush w Angular?
Czym jest strategia OnPush w Angular?
Odpowiedź
OnPush to strategia change detection, która ogranicza sprawdzanie do przypadków, gdy inputy komponentu zmieniają się przez referencję lub gdy wewnętrzne zdarzenie zostaje wyzwolone. Ta optymalizacja znacząco zmniejsza liczbę cykli detekcji w złożonych aplikacjach. Stosowanie OnPush domyślnie w komponentach prezentacyjnych to dobra praktyka poprawiająca wydajność.
2Jaka jest główna rola trackBy w dyrektywie ngFor?
Jaka jest główna rola trackBy w dyrektywie ngFor?
Odpowiedź
trackBy pozwala Angularowi jednoznacznie zidentyfikować każdy element listy, unikając w ten sposób pełnego odtworzenia DOM podczas aktualizacji. Bez trackBy Angular niszczy i odtwarza wszystkie elementy, nawet jeśli zmienił się tylko jeden. Używanie trackBy z unikalnym identyfikatorem znacząco poprawia wydajność dynamicznych list.
3Czym jest lazy loading w kontekście routingu Angular?
Czym jest lazy loading w kontekście routingu Angular?
Odpowiedź
Lazy loading to technika opóźnionego ładowania modułów, która pobiera kod tylko wtedy, gdy odpowiednia trasa jest aktywowana. Zmniejsza to rozmiar początkowego bundle'a i przyspiesza pierwsze wyświetlenie aplikacji. Moduły ładowane z lazy loading są definiowane za pomocą loadChildren w konfiguracji tras.
Jaką metodę wywołać, aby wymusić sprawdzenie z OnPush?
Jaka jest główna zaleta virtual scrolling dla dużych list?
+19 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Komponenty i cykl życia
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
Dyrektywy i Pipe'y
Routing i Nawigacja
Formularze reaktywne
Formularze template-driven
Podstawy RxJS
Operatory RxJS
HttpClient i wywołania API
Podstawowe zarządzanie stanem
Change Detection
Angular Signals
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Build i optymalizacja
Podstawy NgRx
Zaawansowany NgRx
Architektura Angular
Bezpieczeństwo i najlepsze praktyki
Zaawansowane wzorce RxJS
Angular Universal i SSR
Angular Micro-frontends
Opanuj Angular na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo