proto.lib

AbortController/AbortSignal: hủy việc đang chạy

Khi user rời trang hay gõ query mới, fetch cũ cần bị huỷ để tránh phản hồi cũ về sau ghi đè kết quả mới; AbortController phát signal, signal truyền xuống các bước con, và server thấy client disconnect thì dừng xử lý thay vì làm việc vô ích.

ApplicationCơ bản2026-08-28
AbortController/AbortSignal: hủy việc đang chạy

Tags

#abortsignal#abortcontroller#fetch#cancellation#race-condition

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

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
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