proto.lib

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.

ApplicationTrung bình2026-08-28
Web Locks API: nhiều tab phối hợp không tranh việc

Tags

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

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

Đồng bộ nhiều tab qua BroadcastChannel

BroadcastChannel (hoặc storage event) cho phép các tab cùng origin gửi thông điệp trạng thái cho nhau; logout cần lan tới mọi tab, nhưng refresh token thì không được để tất cả tab cùng thực hiện — cần cơ chế bầu leader/lock để chỉ một tab làm việc đó.

#broadcastchannel#multi-tab#storage-event#leader-election
ApplicationNâng cao

Token Refresh Race trong SPA: một token hết hạn, 12 request 401 cùng lúc

Khi access token hết hạn, nhiều request song song đều nhận 401; nếu không điều phối, mỗi request tự gọi refresh sẽ tạo một cơn bão request refresh, và với refresh-token rotation, token cũ bị tái sử dụng sẽ bị coi là bị đánh cắp và toàn bộ session bị thu hồi.

#token-refresh#race-condition#refresh-token-rotation#spa
ApplicationNâng cao

Temporal API: thay thế Date cho thời gian chính xác

Temporal phân biệt rõ Instant (thời điểm tuyệt đối), PlainDate (ngày không múi giờ) và ZonedDateTime (gắn với timezone id); cộng trừ tôn trọng DST, so sánh và format ổn định — vì vậy nên lưu UTC kèm timezone id thay vì lưu offset cố định, vốn sai khi quy tắc DST đổi.

#temporal#date-time#timezone#dst