proto.lib

bfcache: Back/Forward Cache và vòng đời trang

Khi rời trang, trình duyệt có thể FREEZE toàn bộ trang (JS heap, DOM, vị trí scroll) vào back/forward cache và khôi phục tức thì khi bấm Back/Forward; nhưng handler unload/beforeunload, một kết nối đang mở mà trình duyệt không dám freeze, hoặc Cache-Control: no-store sẽ khiến trang không đủ điều kiện (ineligible), buộc phải tải lại từ đầu.

ApplicationTrung bình2026-08-24
bfcache: Back/Forward Cache và vòng đời trang

Tags

#bfcache#page-lifecycle#pagehide#pageshow#visibilitychange#back-forward-navigation

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

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
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
ApplicationTrung bình

Navigation API: điều hướng SPA thay History API

Navigation API cho SPA đăng ký intercept() để nhận toàn bộ điều hướng — link click, back/forward, submit form — commit khi dữ liệu đã sẵn sàng, giữ scroll và trạng thái focus, đồng thời báo lỗi điều hướng thất bại đúng cách thay vì im lặng.

#navigation-api#spa#routing#history-api