@webworker / 博客 RSS 訂閱

Sep 19 2023

泯瀧 - Web Woker 與主線程通信場景下對postMessage的簡潔封裝

在Web Worker與主線程之間進行通信時，使用postMessage是一種常見的方式。然而，在某些業務場景中，postMessage可能會顯得不夠簡潔，因為它涉及到手動序列化和反序列化數據，以及通過事件監聽器處理消息。以下是一些常見問題和解決方案，以簡化在Web Worker與主線程之間的通信場景中使用postMessage的問題。 結構化克隆問題 在Web Worker與主線程之間傳輸數據時

瀏覽器 , webworker , 瀏覽器原理 , 前端 , Javascript

收藏 評論

Jun 11 2021

Marvin - 前端中如何使用webWorker對户體驗進行革命性的提升

前言 隨着前端應用場景的逐漸複雜化，伴隨而來的對大數據的處理就不可避免。 那麼今天就以一個真實的應用場景為例來談談前端中如何通過子線程來處理大數據。 目前主流顯示器的刷新率為 60Hz，即一幀為 16ms，因此播放動畫時建議小於 16ms，用户操作響應建議小於 100ms，頁面打開到開始呈現內容建議小於 1000ms。 -- 根據 Chrome 團隊提出的用户感知性能模型 RAIL。 以上

vue.js , 前端性能優化 , webworker , Javascript

收藏 評論

Nov 06 2025

臼犀 - JSON-RPC & postMessage 談談瀏覽器消息通信的封裝技巧

楔子 postMessage 常見於內嵌 iframe 或是 Web Workers 中，用於跨頁面（線程） 的消息通信，在一些其他開發環境中也能看到類似的影子，如 Chrome 插件環境、Electron 環境、figma 插件等。 最近的工作需要經常與 iframe 與 Web Workers 打交道，處理頁面與內嵌頁、主線程與 worker 通信，擼了個用於處理瀏覽器消息通信的處理的工具庫

json-rpc , webworker , postmessage , typescript , 前端

收藏 評論