proto.lib

Scheduler Yielding: cắt Long Task để input phản hồi

Một tác vụ JavaScript dài chiếm main thread khiến input không được xử lý kịp; giải pháp là chia công việc thành từng phần nhỏ và YIELD lại cho browser giữa các phần (qua scheduler.yield, setTimeout hoặc isInputPending) hoặc chuyển hẳn ra worker, để một tương tác đang chờ được chạy trước.

ApplicationNâng cao2026-08-25
Scheduler Yielding: cắt Long Task để input phản hồi

Tags

#long-task#main-thread#scheduler-yield#inp#input-latency#responsiveness

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 Worker: gỡ việc nặng khỏi Main Thread

Main thread vừa chạy JS vừa render UI và xử lý input, nên một tác vụ nặng (parse JSON khổng lồ, xử lý ảnh, mã hoá) sẽ làm trang đứng hình; Worker chạy trên thread riêng, không truy cập DOM, giao tiếp qua postMessage bằng structured clone (copy) hoặc transfer ArrayBuffer (không copy).

#web-worker#main-thread#postmessage#structured-clone
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