proto.lib

Feature detection và fallback cho API trình duyệt mới

Khi dùng một API trình duyệt mới, code phải TEST sự tồn tại của API đó (không đoán qua user agent), dùng ngay nếu có, và chạy đường fallback chậm hơn nếu không — lý tưởng là tách fallback ra khỏi bundle hiện đại để trình duyệt mới không phải tải phần code không dùng tới.

ApplicationCơ bản2026-08-25
Feature detection và fallback cho API trình duyệt mới

Tags

#feature-detection#progressive-enhancement#browser-compat#fallback#code-splitting#kill-switch

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

Server Actions — Mutation qua form không cần viết API endpoint

Form gọi thẳng một server function do framework tự động wire thành endpoint, hàm đó validate và ghi dữ liệu, trả về state mới hoặc lỗi validate, rồi framework revalidate các cache liên quan — trong khi form vẫn hoạt động được ngay cả khi JavaScript chưa tải xong nhờ progressive enhancement.

#server-actions#forms#mutation#progressive-enhancement
ApplicationTrung bình

App Shell + Route Code Splitting

Bundle được chia theo route: chỉ shell và route đầu tiên tải ngay, các route khác được split thành chunk riêng và chỉ fetch khi người dùng điều hướng tới (hoặc prefetch khi có ý định), giúp giảm chi phí parse/execute JS lúc tải trang lần đầu.

#code-splitting#bundling#lazy-loading#prefetch
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