Change Detection
Zone.js, change detection-strategieën, OnPush-strategie, ChangeDetectorRef, markForCheck, detectChanges, performance-optimalisatie
1Wat is het change detection-mechanisme in Angular?
Wat is het change detection-mechanisme in Angular?
Antwoord
Change detection is het proces waarmee Angular wijzigingen in de applicatiestatus detecteert en het DOM dienovereenkomstig bijwerkt. Standaard gebruikt Angular Zone.js om asynchrone events (clicks, HTTP requests, timers) automatisch te detecteren en triggert componentcontrole vanaf de root. Deze controle doorloopt de componentboom om wijzigingen te identificeren die op het DOM moeten worden toegepast.
2Wat is de rol van Zone.js in Angular change detection?
Wat is de rol van Zone.js in Angular change detection?
Antwoord
Zone.js is een bibliotheek die native asynchrone browser-API's (setTimeout, Promise, addEventListener, enz.) patcht om hun uitvoering te onderscheppen. Wanneer een asynchrone operatie wordt voltooid, stelt Zone.js Angular op de hoogte, dat automatisch change detection vanaf de rootcomponent triggert. Dit stelt Angular in staat om wijzigingen te detecteren zonder handmatige tussenkomst van de ontwikkelaar.
3Wat is het verschil tussen de Default- en OnPush-strategieën?
Wat is het verschil tussen de Default- en OnPush-strategieën?
Antwoord
De Default-strategie controleert alle componenten in de boom bij elke change detection-cyclus, wat duur kan zijn. OnPush optimaliseert door een component alleen te controleren als zijn inputs veranderen (immutabele referenties), als er een event wordt uitgezonden vanuit zijn template, als een async pipe een nieuwe waarde ontvangt, of als markForCheck() handmatig wordt aangeroepen. OnPush vermindert controles drastisch en verbetert de prestaties.
Hoe schakel je de OnPush-strategie in op een component?
Wat is het doel van ChangeDetectorRef in een Angular-component?
+17 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
Angular Signals
Standalone Components
Angular unit testing
End-to-End Testing
Build en optimalisatie
NgRx-fundamenten
NgRx gevorderd
Angular-architectuur
Prestatie-optimalisatie
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