Service Worker và PWA hoạt động thế nào? Các chiến lược cache?

// sw.js
self.addEventListener("install", (e) => {
  e.waitUntil(caches.open("v1").then((c) => c.addAll(["/", "/app.css", "/app.js"])));
});
self.addEventListener("fetch", (e) => {
  e.respondWith(caches.match(e.request).then((hit) => hit || fetch(e.request)));
});
// Đăng ký (trong trang): navigator.serviceWorker.register("/sw.js");

Chiến lược	Dùng cho
Cache First	Asset tĩnh có hash
Network First	API, HTML cần dữ liệu mới
Stale-While-Revalidate	Nội dung chấp nhận cũ chút, cập nhật nền
Network Only / Cache Only	Request đặc biệt / app shell offline

• Vòng đời: install, waiting, activate. Worker mới đợi các tab cũ đóng, trừ khi gọi skipWaiting() và clients.claim().
• Worker không truy cập DOM, giao tiếp qua postMessage; có thể bị trình duyệt dừng bất cứ lúc nào nên không giữ state trong biến.
• PWA cần manifest.json (name, icons, start_url, display) để installable.
• Dọn cache cũ trong sự kiện activate theo tên phiên bản.