proto.lib

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).

ApplicationTrung bình2026-08-24
Web Worker: gỡ việc nặng khỏi Main Thread

Tags

#web-worker#main-thread#postmessage#structured-clone#transferable#sharedarraybuffer

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

ApplicationNâng cao

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.

#long-task#main-thread#scheduler-yield#inp
ApplicationTrung bình

Embed iframe: sandbox, postMessage kiểm origin, và auto-resize

Iframe nhúng nội dung ngoài cần thuộc tính sandbox giới hạn đúng năng lực cần dùng; giao tiếp giữa parent và child chỉ qua postMessage với origin được kiểm tra ở cả hai phía, và vì parent không đọc được chiều cao nội dung child nên child phải tự báo kích thước để parent resize khung — nếu không sẽ bị double scrollbar.

#iframe#sandbox#postmessage#origin-check
ApplicationTrung bình

WebAssembly trong trình duyệt: gọi hàm nhanh, marshal dữ liệu tốn kém

Module WebAssembly có linear memory và các export riêng nên gọi hàm từ JavaScript rẻ như một lời gọi hàm thường, nhưng giá trị không phải số (chuỗi, mảng, buffer) phải được sao chép vào linear memory đó — một bước marshalling — và bản thân module không thể chạm trực tiếp vào DOM.

#webassembly#wasm#linear-memory#marshalling