Prestatie-optimalisatie
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Wat is de OnPush-strategie in Angular?
Wat is de OnPush-strategie in Angular?
Antwoord
OnPush is een change-detectionstrategie die controles beperkt tot gevallen waarin de inputs van de component op referentie veranderen of wanneer een intern event wordt geactiveerd. Deze optimalisatie vermindert het aantal detectiecycli in complexe applicaties aanzienlijk. OnPush standaard toepassen op presentatiecomponenten is een best practice om de prestaties te verbeteren.
2Wat is de hoofdrol van trackBy in een ngFor-directive?
Wat is de hoofdrol van trackBy in een ngFor-directive?
Antwoord
trackBy stelt Angular in staat om elk item in een lijst uniek te identificeren, waardoor volledige DOM-recreatie tijdens updates wordt vermeden. Zonder trackBy vernietigt en hercreëert Angular alle elementen, zelfs als er maar één item is gewijzigd. trackBy gebruiken met een unieke identificator verbetert de prestaties van dynamische lijsten aanzienlijk.
3Wat is lazy loading in de context van Angular-routing?
Wat is lazy loading in de context van Angular-routing?
Antwoord
Lazy loading is een techniek voor uitgesteld laden van modules die alleen code downloadt wanneer de bijbehorende route wordt geactiveerd. Dit vermindert de initiële bundlegrootte en versnelt de eerste weergave van de applicatie. Lazy geladen modules worden gedefinieerd met loadChildren in de routeconfiguratie.
Welke methode activeren om een controle met OnPush af te dwingen?
Wat is het belangrijkste voordeel van virtual scrolling voor grote lijsten?
+19 gespreksvragen
Andere Angular-sollicitatieonderwerpen
TypeScript-basis
TypeScript Gevorderd
Angular-grondbeginselen
Componenten en levenscyclus
Services & Dependency Injection
Angular-module-organisatie
Angular CLI
Directives en Pipes
Routing en Navigatie
Reactive Forms
Template-driven Forms
RxJS-Basis
RxJS-Operators
HttpClient en API-aanroepen
Basis state management
Change Detection
Angular Signals
Standalone Components
Angular unit testing
End-to-End Testing
Build en optimalisatie
NgRx-fundamenten
NgRx gevorderd
Angular-architectuur
Beveiliging en best practices
Geavanceerde RxJS-patronen
Angular Universal en SSR
Angular Micro-frontends
Beheers Angular voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis