BestHub
Sign in
Tag

web workers

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 13, 2025 · Frontend Development

A Practical Guide to Using Web Workers for Front‑End Performance Optimization

This article introduces Web Workers as an HTML5 API for running background threads, explains their creation and communication mechanisms, provides a complete Fibonacci calculation demo with full source code, and discusses common pitfalls such as asynchronous postMessage behavior, data serialization, and proper thread termination.

HTML5JavaScriptfrontend
0 likes · 9 min read
A Practical Guide to Using Web Workers for Front‑End Performance Optimization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 16, 2024 · Frontend Development

Practical Implementation and Optimization of Large File Chunked Upload (Frontend Part)

This article presents a complete frontend solution for large file chunked uploading, covering requirement analysis, slice implementation, hash calculation with Web Workers, MerkleTree-based file identification, a PromisePool for concurrent uploads, real‑time progress tracking, and performance optimizations with detailed code examples.

Chunked UploadFile UploadTypeScript
0 likes · 21 min read
Practical Implementation and Optimization of Large File Chunked Upload (Frontend Part)
Code Mala Tang
Code Mala Tang
Jul 17, 2024 · Artificial Intelligence

Run Transformers.js in the Browser with Google’s window.ai – Live Demo

This article introduces how to use the JavaScript library transformers.js directly in the browser, leveraging Google’s built‑in window.ai models, outlines supported AI tasks, demonstrates a live demo, and provides the core implementation code for model loading, worker communication, and text generation.

JavaScriptbrowser AItext generation
0 likes · 5 min read
Run Transformers.js in the Browser with Google’s window.ai – Live Demo
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 28, 2024 · Frontend Development

Using Web Workers to Prevent UI Blocking During Large File Downloads

This article explains why downloading large files blocks the UI in single‑threaded JavaScript, and demonstrates how to offload the heavy processing to Web Workers with practical code examples, allowing the page to remain responsive while the download proceeds.

JavaScriptUI Blockingfile download
0 likes · 8 min read
Using Web Workers to Prevent UI Blocking During Large File Downloads
vivo Internet Technology
vivo Internet Technology
Nov 8, 2023 · Frontend Development

Design and Performance Optimization of a Cross‑Tab Component in Vivo's Agile BI Visualization Platform

This article details the design evolution and performance optimization of Vivo's Agile BI cross‑tab component—from a jQuery prototype to a React‑based solution—highlighting worker‑offloaded preprocessing, virtual scrolling, and micro‑frontend integration that enable sub‑second rendering of massive data sets and match or surpass competing BI tools.

Cross TabData VisualizationReact
0 likes · 16 min read
Design and Performance Optimization of a Cross‑Tab Component in Vivo's Agile BI Visualization Platform
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 18, 2023 · Frontend Development

Large File Chunking and Web Worker Optimization in JavaScript

This article demonstrates how to split large files into 5 MB chunks, compute MD5 hashes, and accelerate processing with Web Workers by dynamically allocating threads based on the browser's hardware concurrency, achieving up to ten‑fold speed improvements.

JavaScriptfile chunkingfrontend development
0 likes · 13 min read
Large File Chunking and Web Worker Optimization in JavaScript
Bilibili Tech
Bilibili Tech
Jun 9, 2023 · Artificial Intelligence

Implementing Face Blocking Danmaku Using Machine Learning in Browser

Liu Jun explains how Bilibili’s engineers replaced traditional pre‑processed SVG masks with a real‑time, browser‑based machine‑learning pipeline—using MediaPipe SelfieSegmentation, OffscreenCanvas, and Web Workers—to extract human contours and block faces in danmaku, achieving roughly 5 % CPU load on a 2020 M1 MacBook.

MediaPipeOffscreenCanvasPerformance Tuning
0 likes · 9 min read
Implementing Face Blocking Danmaku Using Machine Learning in Browser
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Frontend Development

Using Web Workers for Large Excel Export and Batch Image Compression in Frontend Projects

This article explains how to leverage Web Workers and OffscreenCanvas to offload heavy Excel file generation and bulk image compression from the main thread, improving UI responsiveness and reducing rendering stalls in typical backend‑admin web applications.

Excel ExportOffscreenCanvasfrontend performance
0 likes · 14 min read
Using Web Workers for Large Excel Export and Batch Image Compression in Frontend Projects
政采云技术
政采云技术
Apr 26, 2022 · Frontend Development

Understanding Web Workers, SharedWorker, and ServiceWorker in Frontend Development

This article explains the concepts, creation methods, communication APIs, debugging techniques, and typical use cases of ordinary Web Workers, SharedWorkers, and ServiceWorkers, illustrating how they enable multithreaded computation, cross‑tab data sharing, and offline caching to improve web performance and user experience.

JavaScriptSharedWorkerfrontend
0 likes · 13 min read
Understanding Web Workers, SharedWorker, and ServiceWorker in Frontend Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 15, 2022 · Frontend Development

Designing a Unified Browser Message Communication Library (rpc-shooter) with TypeScript Interfaces and JSON-RPC

This article explains how to build a versatile browser message‑communication library that works across iframes, Web Workers, ServiceWorkers, BroadcastChannel and other MessagePort‑like objects, using a unified interface design, TypeScript typings, event‑driven architecture and JSON‑RPC for reliable remote procedure calls.

JSON-RPCRPCTypeScript
0 likes · 13 min read
Designing a Unified Browser Message Communication Library (rpc-shooter) with TypeScript Interfaces and JSON-RPC
政采云技术
政采云技术
Jan 11, 2022 · Frontend Development

Web Multithreading with Comlink: Analysis, Implementation, and Practical Examples

This article explains JavaScript's single‑threaded nature, introduces the event loop and Web Workers, examines the Comlink library for RPC‑style multithreading, provides detailed source‑code analysis, and demonstrates practical use cases such as exporting large Excel files without blocking the UI.

ComlinkJavaScriptRPC
0 likes · 17 min read
Web Multithreading with Comlink: Analysis, Implementation, and Practical Examples
DeWu Technology
DeWu Technology
Dec 23, 2021 · Frontend Development

Canvas Performance Optimization Techniques

Canvas performance hinges on the number and size of drawn shapes, so optimizing by reducing draw‑calls, using layered or clipped rendering, and offloading heavy drawing to OffscreenCanvas or Web Workers can preserve frame rates and keep the UI responsive.

JavaScriptOffscreenCanvasOptimization
0 likes · 15 min read
Canvas Performance Optimization Techniques
360 Tech Engineering
360 Tech Engineering
Feb 11, 2020 · Frontend Development

Improving Front‑End Decompression Performance with WebAssembly and Web Workers

This article describes how to replace the JavaScript‑based JSZip decompression in a Three.js 3D viewer with a C‑based Zip library compiled to WebAssembly via Emscripten, run inside a Web Worker, and demonstrates measurable performance gains through detailed testing.

EmscriptenJSZipThree.js
0 likes · 10 min read
Improving Front‑End Decompression Performance with WebAssembly and Web Workers
UC Tech Team
UC Tech Team
Oct 18, 2018 · Frontend Development

New Developer Features in Chrome 70: PWA Support on Windows, Credential Management API, and Named Workers

Chrome 70 introduces several developer‑focused enhancements including Windows desktop support for Progressive Web Apps, added public‑key certificate support in the Credential Management API, and the ability to assign names to Web Workers, along with other updates such as Web Bluetooth and reporting APIs.

Chrome70Credential ManagementPWA
0 likes · 5 min read
New Developer Features in Chrome 70: PWA Support on Windows, Credential Management API, and Named Workers
Yuewen Technology
Yuewen Technology
Aug 8, 2018 · Frontend Development

How Frontend Zip Compression Can Boost Performance and Reduce Server Load

This article explores the history of ZIP, the challenges of exporting large Excel files from PHP front‑ends, and how using zip.js with HTML5 File API and web workers enables a half‑asynchronous, client‑side compression workflow, outlining its benefits, limitations, and practical considerations for frontend developers.

JavaScriptasynchronous exportfrontend
0 likes · 12 min read
How Frontend Zip Compression Can Boost Performance and Reduce Server Load
Ctrip Technology
Ctrip Technology
Jun 22, 2017 · Frontend Development

Common Front‑End Data Exchange Methods and Their Use Cases with Code Examples

This article reviews various front‑end data exchange techniques—including HTTP methods, form encodings, AJAX, fetch, Server‑Sent Events, WebSocket, postMessage, and Web Workers—explaining when to use each, providing practical examples and code snippets for real‑world scenarios.

AJAXHTTPServer-Sent Events
0 likes · 16 min read
Common Front‑End Data Exchange Methods and Their Use Cases with Code Examples