Performance-Optimierung
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Was ist die OnPush-Strategie in Angular?
Was ist die OnPush-Strategie in Angular?
Antwort
OnPush ist eine Change-Detection-Strategie, die Prüfungen auf Fälle beschränkt, in denen sich Komponenten-Inputs per Referenz ändern oder ein internes Ereignis ausgelöst wird. Diese Optimierung reduziert die Anzahl der Detektionszyklen in komplexen Anwendungen erheblich. OnPush standardmäßig auf Präsentationskomponenten anzuwenden, ist eine bewährte Praxis zur Performance-Verbesserung.
2Was ist die Hauptaufgabe von trackBy in einer ngFor-Direktive?
Was ist die Hauptaufgabe von trackBy in einer ngFor-Direktive?
Antwort
trackBy ermöglicht es Angular, jedes Element einer Liste eindeutig zu identifizieren, wodurch die vollständige Neuerstellung des DOM bei Aktualisierungen vermieden wird. Ohne trackBy zerstört und erstellt Angular alle Elemente neu, selbst wenn sich nur eines geändert hat. Die Verwendung von trackBy mit einem eindeutigen Bezeichner verbessert die Performance dynamischer Listen erheblich.
3Was ist Lazy Loading im Kontext des Angular-Routings?
Was ist Lazy Loading im Kontext des Angular-Routings?
Antwort
Lazy Loading ist eine Technik zum verzögerten Laden von Modulen, bei der Code nur heruntergeladen wird, wenn die entsprechende Route aktiviert wird. Dies reduziert die initiale Bundle-Größe und beschleunigt die erste Anzeige der Anwendung. Lazy-geladene Module werden mit loadChildren in der Routenkonfiguration definiert.
Welche Methode auslösen, um eine Prüfung mit OnPush zu erzwingen?
Was ist der Hauptvorteil von Virtual Scrolling bei großen Listen?
+19 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Standalone Components
Angular Unit-Tests
End-to-End-Testing
Build und Optimierung
NgRx-Grundlagen
NgRx Fortgeschritten
Angular-Architektur
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten