Оптимізація продуктивності
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Що таке стратегія OnPush в Angular?
Що таке стратегія OnPush в Angular?
Відповідь
OnPush — це стратегія виявлення змін, яка обмежує перевірки випадками, коли input-и компонента змінюються за посиланням або коли спрацьовує внутрішня подія. Ця оптимізація значно зменшує кількість циклів виявлення у складних застосунках. Застосування OnPush за замовчуванням до презентаційних компонентів є гарною практикою для покращення продуктивності.
2Яка основна роль trackBy в директиві ngFor?
Яка основна роль trackBy в директиві ngFor?
Відповідь
trackBy дозволяє Angular унікально ідентифікувати кожен елемент списку, уникаючи повного перестворення DOM під час оновлень. Без trackBy Angular знищує та перестворює всі елементи, навіть якщо змінився лише один. Використання trackBy з унікальним ідентифікатором значно покращує продуктивність динамічних списків.
3Що таке lazy loading в контексті маршрутизації Angular?
Що таке lazy loading в контексті маршрутизації Angular?
Відповідь
Lazy loading — це техніка відкладеного завантаження модулів, яка завантажує код лише тоді, коли активується відповідний маршрут. Це зменшує початковий розмір bundle і прискорює перше відображення застосунку. Lazy-завантажені модулі визначаються за допомогою loadChildren у конфігурації маршрутів.
Який метод викликати, щоб примусити перевірку з OnPush?
Яка основна перевага virtual scrolling для великих списків?
+19 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Основи Angular
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Реактивні форми
Template-driven форми
Основи RxJS
Оператори RxJS
HttpClient і виклики API
Базове керування станом
Change Detection
Angular Signals
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно