proto.lib

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.

ApplicationTrung bình2026-08-25
Autosave form dài và khôi phục draft khi mất tab

Tags

#autosave#draft-recovery#local-storage#conflict-resolution#form-ux#offline

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

ApplicationTrung bình

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.

#indexeddb#storage-quota#eviction#persistent-storage
ApplicationTrung bình

Service Worker và Offline Caching

Service Worker cài đặt sẵn app shell vào cache rồi chặn các fetch event để phục vụ cache-first, giúp ứng dụng chạy được khi offline; phiên bản mới sẽ dọn cache cũ khi activate.

#service-worker#offline#cache-api#pwa
ApplicationTrung bình

Web Locks API: nhiều tab phối hợp không tranh việc

Web Locks API cho phép nhiều tab của cùng một app xin cùng một khoá tên; chỉ một tab giữ được lock chạy việc như sync dữ liệu hay refresh token, các tab khác chờ hoặc bỏ qua tuỳ chế độ, và lock tự động nhả khi tab đóng hay reload — khác cờ localStorage vốn không tự dọn khi tab crash.

#web-locks#navigator-locks#multi-tab#token-refresh