proto.lib

IndexedDB: Quota và Eviction dữ liệu client

Mỗi origin được cấp một quota lưu trữ tính theo dung lượng đĩa trống còn lại; ghi vượt quota sẽ lỗi QuotaExceededError, và khi thiết bị thiếu chỗ, trình duyệt có thể evict (xoá) toàn bộ dữ liệu của một origin theo kiểu best-effort, ưu tiên origin ít dùng gần đây nhất (LRU) — trừ khi origin đã xin persistent storage.

ApplicationTrung bình2026-08-24
IndexedDB: Quota và Eviction dữ liệu client

Tags

#indexeddb#storage-quota#eviction#persistent-storage#offline#browser-storage

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationNâng cao

File System Access API: web app mở/ghi trực tiếp file trên máy

showOpenFilePicker() trả về FileSystemFileHandle cho phép web app đọc và ghi trực tiếp vào file trên đĩa qua writable stream, thay vì chỉ upload/download; quyền truy cập chỉ cấp theo cử chỉ người dùng (user gesture), handle có thể lưu vào IndexedDB để mở lại lần sau, và ghi nên qua tệp tạm rồi đổi tên để tránh mất dữ liệu nếu crash giữa chừng.

#file-system-access-api#filesystemhandle#indexeddb#user-gesture
ApplicationTrung bình

Autosave form dài và khôi phục draft khi mất tab

Form dài debounce từng đợt keystroke thành bản draft lưu local kèm version/timestamp, khi người dùng quay lại thì hỏi rõ "đã khôi phục bản nháp" thay vì tự âm thầm ghi đè, và phải đối chiếu (reconcile) với bản trên server nếu có ai khác đã sửa; draft chỉ bị xoá sau khi submit thành công.

#autosave#draft-recovery#local-storage#conflict-resolution
ApplicationTrung bình

Background Sync: hàng đợi offline và đồng bộ khi có mạng trở lại

Khi trang mất mạng, service worker nhận request ghi, lưu vào một hàng đợi bền (IndexedDB) rồi đăng ký một sync tag; trình duyệt tự quyết định thời điểm bắn sự kiện sync khi có kết nối trở lại (kể cả sau khi đã đóng tab) và worker phát lại các request đã xếp hàng kèm idempotency key trước khi báo cho người dùng.

#background-sync#service-worker#offline-first#indexeddb