Tối ưu hiệu năng
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Chiến lược OnPush trong Angular là gì?
Chiến lược OnPush trong Angular là gì?
Câu trả lời
OnPush là chiến lược change detection giới hạn việc kiểm tra cho các trường hợp khi input của component thay đổi theo tham chiếu hoặc khi sự kiện nội bộ được kích hoạt. Tối ưu hóa này giảm đáng kể số chu kỳ phát hiện trong các ứng dụng phức tạp. Áp dụng OnPush mặc định trên các component trình bày là thực hành tốt nhất để cải thiện hiệu năng.
2Vai trò chính của trackBy trong directive ngFor là gì?
Vai trò chính của trackBy trong directive ngFor là gì?
Câu trả lời
trackBy cho phép Angular xác định duy nhất từng phần tử trong danh sách, do đó tránh việc tạo lại hoàn toàn DOM khi cập nhật. Nếu không có trackBy, Angular sẽ hủy và tạo lại tất cả các phần tử ngay cả khi chỉ có một phần tử thay đổi. Sử dụng trackBy với một định danh duy nhất sẽ cải thiện đáng kể hiệu năng của các danh sách động.
3Lazy loading trong ngữ cảnh routing Angular là gì?
Lazy loading trong ngữ cảnh routing Angular là gì?
Câu trả lời
Lazy loading là kỹ thuật tải module trì hoãn chỉ tải xuống code khi route tương ứng được kích hoạt. Điều này giảm kích thước bundle ban đầu và tăng tốc lần hiển thị đầu tiên của ứng dụng. Các module được lazy load được định nghĩa với loadChildren trong cấu hình route.
Phương thức nào cần kích hoạt để buộc kiểm tra với OnPush?
Lợi ích chính của virtual scrolling đối với các danh sách lớn là gì?
+19 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Angular khác
Kiến thức cơ bản TypeScript
TypeScript Nâng cao
Kiến thức cơ bản về Angular
Components và vòng đời
Services & Dependency Injection
Tổ chức Module Angular
Angular CLI
Directives và Pipes
Routing và Điều hướng
Reactive Forms
Template-driven Forms
Kiến Thức Cơ Bản RxJS
Operator RxJS
HttpClient và lệnh gọi API
Quản lý state cơ bản
Change Detection
Angular Signals
Standalone Components
Unit Testing trong Angular
Kiểm thử End-to-End
Build và tối ưu hóa
Nền tảng NgRx
NgRx nâng cao
Kiến trúc Angular
Bảo mật và thực tiễn tốt nhất
Các mẫu RxJS nâng cao
Angular Universal và SSR
Micro-frontend Angular
Nắm vững Angular cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí