proto.lib

View Transitions API: animate mà không tự vẽ

Trình duyệt tự chụp snapshot view cũ, áp dụng thay đổi DOM, chụp snapshot view mới, rồi animate các phần tử được đặt cùng view-transition-name giữa hai snapshot — cho phép chuyển cảnh mượt như native mà không cần viết animation engine thủ công.

ApplicationTrung bình2026-08-26
View Transitions API: animate mà không tự vẽ

Tags

#view-transitions#dom-snapshot#same-document#cross-document#reduced-motion#browser-api

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