proto.lib

Virtual List + Infinite Scroll: render 100k dòng mà không chết máy

Chỉ cửa sổ dòng đang hiển thị cộng một khoảng overscan tồn tại trong DOM, định vị bằng chiều cao đo được hoặc ước lượng; một sentinel gần cuối kích hoạt tải trang kế tiếp bằng KEYSET cursor thay vì offset để tránh trùng/sót dòng khi dữ liệu thay đổi.

ApplicationNâng cao2026-08-24
Virtual List + Infinite Scroll: render 100k dòng mà không chết máy

Tags

#virtualization#infinite-scroll#keyset-cursor#scroll-anchoring#windowing#dom-performance

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