BestHub
Sign in
Tagged articles
257 articles
Page 2 of 3
ByteDance Web Infra
ByteDance Web Infra
May 9, 2023 · Fundamentals

WebAssembly Runtime Architecture: Loading, Parsing, Execution, Memory Management and GC

This article provides a comprehensive overview of the WebAssembly runtime, detailing its binary format, module loading and validation, execution engine designs, linear memory layout, garbage‑collection proposals, and the WebAssembly System Interface (WASI), while illustrating each concept with diagrams and code examples.

Garbage CollectionMemory ManagementRuntime
0 likes · 34 min read
WebAssembly Runtime Architecture: Loading, Parsing, Execution, Memory Management and GC
ByteFE
ByteFE
May 8, 2023 · Fundamentals

Deep Dive into WebAssembly Runtime Architecture: Parsing, Execution, Memory Management, and WASI

This article provides a comprehensive technical analysis of the WebAssembly runtime architecture, detailing the module loading and parsing process, stack-based execution engines, linear memory management strategies, and the evolving garbage collection proposals, while also introducing the WebAssembly System Interface (WASI) for cross-platform system interactions.

Bytecode ExecutionGarbage CollectionMemory Management
0 likes · 32 min read
Deep Dive into WebAssembly Runtime Architecture: Parsing, Execution, Memory Management, and WASI
ByteFE
ByteFE
Apr 24, 2023 · Backend Development

An Overview of WebAssembly Engines: Architecture, Common Implementations, and Comparative Analysis

This article introduces the core components of WebAssembly engines, presents a conceptual architecture model, and then examines several popular open‑source runtimes—including wasmtime, wasm3, WasmEdge, wasm‑micro‑runtime, and V8—detailing their structures, performance characteristics, standards support, and typical use‑cases.

EngineRuntimeWasmEdge
0 likes · 18 min read
An Overview of WebAssembly Engines: Architecture, Common Implementations, and Comparative Analysis
ByteDance Web Infra
ByteDance Web Infra
Apr 18, 2023 · Fundamentals

WebAssembly Runtime Mechanisms and Practical Usage Across Environments

This article explains WebAssembly's execution model, covering import/export fundamentals, language bindings with wit‑bindgen, the waPC protocol, web browser integration, command‑line runtimes like Wasmtime and WasmEdge, embedded use cases such as Wasm3 on Arduino, and how to embed WASM modules in Envoy plugins and languages like Go, Java, and Python.

Proxy-WASMRuntimeWasm
0 likes · 22 min read
WebAssembly Runtime Mechanisms and Practical Usage Across Environments
ByteFE
ByteFE
Apr 17, 2023 · Fundamentals

Understanding WebAssembly: Runtime Mechanisms, Tooling, and Cross‑Environment Usage

This article provides a comprehensive overview of WebAssembly, explaining its import/export model, tooling such as wit‑bindgen and waPC, practical examples for web browsers, command‑line runtimes, embedded systems, and plugin architectures, and demonstrates how to integrate WASM with languages like C, Rust, Go, Java, and Python.

Cross‑PlatformRuntimeWasm
0 likes · 25 min read
Understanding WebAssembly: Runtime Mechanisms, Tooling, and Cross‑Environment Usage
ByteDance Web Infra
ByteDance Web Infra
Apr 11, 2023 · Fundamentals

Overview of the WebAssembly Language Ecosystem and Toolchains

This article provides a comprehensive overview of WebAssembly 2.0, its cross‑platform advantages, and the most popular programming languages and toolchains—including C/C++, Rust, Go, AssemblyScript, Emscripten, Binaryen, wasi‑sdk, TinyGo, wabt, wasm‑pack and wasm‑bindgen—while discussing their strengths, limitations, and typical use cases.

ToolchainsWASIWebAssembly
0 likes · 24 min read
Overview of the WebAssembly Language Ecosystem and Toolchains
ByteFE
ByteFE
Apr 10, 2023 · Fundamentals

Overview of WebAssembly Language Ecosystem and Toolchains

WebAssembly has evolved to version 2.0, offering extensive instruction support, large memory handling, and vector operations, and is now widely used across web and non‑web scenarios; this article surveys popular languages (C/C++, Rust, Go, AssemblyScript, JavaScript, etc.) and key toolchains such as Emscripten, Binaryen, wasi‑sdk, TinyGo, wabt, wasm‑pack, and wasm‑bindgen.

BinaryenCEmscripten
0 likes · 24 min read
Overview of WebAssembly Language Ecosystem and Toolchains
Baidu Geek Talk
Baidu Geek Talk
Apr 6, 2023 · Frontend Development

How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg

This article explains a WebAssembly‑based video frame extraction technique that replaces the traditional canvas approach by compiling FFmpeg to Wasm, running it in a Web Worker, and using a key‑frame‑first strategy to deliver high‑quality cover images with lower latency and a dramatically smaller bundle size.

Custom CompilationFrontend DevelopmentVideo Frame Extraction
0 likes · 20 min read
How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg
ByteDance Web Infra
ByteDance Web Infra
Apr 4, 2023 · Fundamentals

Fundamentals of WebAssembly: Modules, Binary and Text Formats

This article provides a comprehensive introduction to WebAssembly, covering its core concepts such as modules, types, variables, functions, instructions, traps, tables, linear memory, the binary module structure, the S‑expression based text format, and step‑by‑step guidance for writing a simple WebAssembly module with code examples.

Binary FormatText FormatWebAssembly
0 likes · 24 min read
Fundamentals of WebAssembly: Modules, Binary and Text Formats
ByteFE
ByteFE
Apr 3, 2023 · Frontend Development

Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example

This article provides a comprehensive overview of WebAssembly, covering its core concepts such as modules, types, variables, functions, instructions, traps, tables, and linear memory, explains the binary module structure and sections, details the human‑readable text format with S‑expressions and lexical rules, and walks through a step‑by‑step example of writing, compiling, and invoking a simple WebAssembly module.

Binary FormatFrontendText Format
0 likes · 27 min read
Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example
ByteFE
ByteFE
Mar 29, 2023 · Frontend Development

An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo

This article introduces WebAssembly, tracing its evolution from asm.js and NaCl to the modern binary format, outlines its performance, portability, and security benefits, and demonstrates its practical use by building a Mandelbrot set application with AssemblyScript and WebAssembly in the browser.

AssemblyScriptFrontend DevelopmentMandelbrot
0 likes · 20 min read
An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo
ByteDance Web Infra
ByteDance Web Infra
Mar 28, 2023 · Cloud Native

WebAssembly (WASM) Usage Scenarios and Future Trends

This article surveys the diverse scenarios where WebAssembly is applied—from accelerating web applications and providing sandboxed plugins to powering cloud‑native workloads, edge computing, serverless functions, mobile/IoT devices, and blockchain—while also outlining current challenges and future development directions.

BlockchainCloud NativeServerless
0 likes · 33 min read
WebAssembly (WASM) Usage Scenarios and Future Trends
ByteFE
ByteFE
Mar 27, 2023 · Cloud Native

WebAssembly (WASM) Usage Scenarios and Future Trends

This article surveys WebAssembly's diverse application scenarios—from accelerating browser apps and enabling sandboxed plugins to powering cloud‑native, edge, and blockchain workloads—while highlighting current adoption statistics, key examples, and future development directions.

BlockchainCloud NativeServerless
0 likes · 28 min read
WebAssembly (WASM) Usage Scenarios and Future Trends
DaTaobao Tech
DaTaobao Tech
Feb 6, 2023 · Frontend Development

WebAssembly Overview and Rust Development Guide

This article introduces WebAssembly’s efficient, safe, open standards and LLVM‑based compilation pipeline, then guides Rust developers through installing tools, writing and binding simple functions, optimizing performance and bundle size, and explores tooling, runtimes, real‑world use cases, current limitations, and future extensions such as WASI, SIMD, and threads.

Frontend DevelopmentLLVMPerformance Optimization
0 likes · 30 min read
WebAssembly Overview and Rust Development Guide
Aotu Lab
Aotu Lab
Feb 2, 2023 · Frontend Development

Mastering Skia with CanvasKit: From Surfaces to Perspective Transforms

This guide explains how to use the open‑source Skia 2D graphics library via the canvaskit‑wasm WebAssembly package to create surfaces, draw shapes, apply paints, shaders, blend modes, and perform 2D matrix transformations—including translation, scaling, rotation, skew, and perspective—culminating in a complete procedural design workflow with reusable JSX components.

CanvasGraphicsSkia
0 likes · 18 min read
Mastering Skia with CanvasKit: From Surfaces to Perspective Transforms
phodal
phodal
Jan 30, 2023 · Frontend Development

Exploring the Evolving Landscape of Micro‑Frontend Patterns in 2023

This article reflects on the delayed 2023 release, outlines four evolving micro‑frontend patterns, examines modern toolchains like Rust, Go and Zig, discusses low‑code platform challenges, low‑latency WebAssembly front‑ends, browser AI, internal dev experience, server‑driven UI, Islands architecture, and edge JavaScript.

Frontend ArchitectureLow‑codeMicro Frontends
0 likes · 9 min read
Exploring the Evolving Landscape of Micro‑Frontend Patterns in 2023
Cloud Native Technology Community
Cloud Native Technology Community
Jan 30, 2023 · Cloud Native

2023 Cloud‑Native Trends and Predictions: Cloud IDEs, FinOps, SBOM, GitOps, OpenTelemetry, WebAssembly and More

The article surveys the 2023 cloud‑native landscape, highlighting the rise of cloud‑based IDEs, the mainstreaming of FinOps and GreenOps, the ubiquity of open‑source SBOMs, the maturation of GitOps and OpenTelemetry, the growing impact of WebAssembly, and several related forecasts for the industry.

Cloud NativeFinOpsGitOps
0 likes · 21 min read
2023 Cloud‑Native Trends and Predictions: Cloud IDEs, FinOps, SBOM, GitOps, OpenTelemetry, WebAssembly and More
ByteDance Terminal Technology
ByteDance Terminal Technology
Jan 19, 2023 · Frontend Development

2023 Front‑End Engineering Outlook: Cloud‑Native, Serverless, and Emerging Trends

In this comprehensive interview, ByteDance senior front‑end engineer Huang Jian shares the 2023 outlook for front‑end developers, covering cloud‑native integration, serverless adoption, micro‑frontends, AI influence, WebAssembly, career growth, and the evolving skill set required to stay competitive.

AICloud NativeFrontend
0 likes · 33 min read
2023 Front‑End Engineering Outlook: Cloud‑Native, Serverless, and Emerging Trends
21CTO
21CTO
Jan 6, 2023 · Backend Development

Ruby 3.2 Unveils YJIT and WebAssembly: Boosting Performance by 41%

Ruby 3.2.0, released on December 25, introduces official WebAssembly support via WASI and the first production-ready version of YJIT—a new JIT compiler from Shopify—delivering up to a 41% speed boost over the traditional interpreter, while also enhancing Regexp performance dramatically.

JITRubyWebAssembly
0 likes · 4 min read
Ruby 3.2 Unveils YJIT and WebAssembly: Boosting Performance by 41%
21CTO
21CTO
Dec 30, 2022 · Frontend Development

Can Rust Revolutionize Frontend Development with WebAssembly?

This article explores how Rust’s safety, performance, and WebAssembly integration make it a compelling option for modern frontend development, highlighting industry insights, real‑world use cases, and the language’s growing popularity among developers.

Frontend DevelopmentMemory SafetyRust
0 likes · 5 min read
Can Rust Revolutionize Frontend Development with WebAssembly?
21CTO
21CTO
Dec 25, 2022 · Fundamentals

How WebAssembly, Searchable Encryption, and Keyless Auth Will Redefine 2023 Development

The article surveys 2023 developer trends, highlighting WebAssembly’s performance boost, the rise of searchable encryption and key‑based authentication, shifting market pressures, and how companies are investing in tools that improve productivity, security, and code quality across the software lifecycle.

WebAssemblydeveloper trendskey authentication
0 likes · 13 min read
How WebAssembly, Searchable Encryption, and Keyless Auth Will Redefine 2023 Development
ELab Team
ELab Team
Dec 13, 2022 · Backend Development

Why .NET Is Overlooked in China: A Deep Dive into Blazor and Flutter Web

This article compares popular and niche technologies, explains why .NET remains relatively unknown in China's internet industry, and introduces its evolution, the Blazor web framework (both WebAssembly and Server models), and the capabilities of Flutter Web for cross‑platform development.

FrontendWebAssemblybackend
0 likes · 11 min read
Why .NET Is Overlooked in China: A Deep Dive into Blazor and Flutter Web
21CTO
21CTO
Nov 27, 2022 · Backend Development

How Wasmer 3.0 Turns WebAssembly into Native Apps Without Runtime Dependencies

Wasmer 3.0 enables compiling WebAssembly modules into native executables for Windows, Linux, and macOS without any runtime dependencies, adds improved WASI support via a new Rust API, and offers cross‑platform performance and security benefits while sparking community debate over speed trade‑offs.

Native ExecutionRustWasmer
0 likes · 5 min read
How Wasmer 3.0 Turns WebAssembly into Native Apps Without Runtime Dependencies
Python Programming Learning Circle
Python Programming Learning Circle
Nov 23, 2022 · Frontend Development

Anaconda’s Strategic Investment in PyScript, Pyodide, and MicroPython for WebAssembly

Anaconda is strengthening PyScript by investing in its WebAssembly‑based runtime ecosystem, supporting Pyodide as the default runtime while also previewing a lightweight MicroPython runtime, and joining the Bytecode Alliance to advance WASM and WASI standards for portable Python workloads in browsers and beyond.

AnacondaBrowserPythonMicroPython
0 likes · 5 min read
Anaconda’s Strategic Investment in PyScript, Pyodide, and MicroPython for WebAssembly
21CTO
21CTO
Nov 13, 2022 · Frontend Development

How Anaconda’s PyScript Leverages WebAssembly to Run Python in the Browser

Anaconda’s PyScript, built on Pyodide and WebAssembly, lets developers embed and execute Python in HTML, integrates with JavaScript, and supports multiple runtimes like Pyodide and MicroPython, while the company strengthens its ecosystem through the Bytecode Alliance and open‑source contributions.

AnacondaBrowser PythonMicroPython
0 likes · 5 min read
How Anaconda’s PyScript Leverages WebAssembly to Run Python in the Browser
phodal
phodal
Oct 31, 2022 · Frontend Development

How Perspective Delivers Real‑Time Financial Visualizations with WASM and Apache Arrow

The article examines the open‑source Perspective library—originating from J.P. Morgan’s FinOS—and its multi‑language architecture that combines C++/WASM, Rust, JavaScript, and Python to deliver high‑performance, framework‑free data visualizations for real‑time financial analytics, highlighting its use of Apache Arrow, Web Components, and Jupyter integration.

Apache ArrowCData visualization
0 likes · 8 min read
How Perspective Delivers Real‑Time Financial Visualizations with WASM and Apache Arrow
MaGe Linux Operations
MaGe Linux Operations
Oct 30, 2022 · Cloud Native

How Docker+Wasm Is Transforming Container Runtime with WebAssembly

Docker unveils a technical preview of Docker+Wasm, integrating WebAssembly into its container engine via a new containerd shim, offering faster startup, smaller binaries, and a seamless workflow for building and running Wasm applications, while joining the Bytecode Alliance to advance WASI standards.

RuntimeWasmEdgeWebAssembly
0 likes · 5 min read
How Docker+Wasm Is Transforming Container Runtime with WebAssembly
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 17, 2022 · Frontend Development

Understanding Online IDEs: Types, Advantages, and Core Implementation Principles

This article examines the landscape of browser‑based development environments, compares popular online IDEs such as CodeSandbox, StackBlitz, CodePen, and VueSFCREPL, outlines their architectural components, highlights their strengths and limitations, and provides concrete code examples of their underlying mechanisms.

CodeSandboxService WorkerStackBlitz
0 likes · 19 min read
Understanding Online IDEs: Types, Advantages, and Core Implementation Principles
ByteFE
ByteFE
Sep 30, 2022 · Frontend Development

Curated Technical Reads: WebAssembly Runtime, JavaScript Frameworks, Component Preview, Web 3D, CSS Transform, JS Utility Methods, and CesiumJS

This newsletter curates a selection of technical articles covering custom WebAssembly JavaScript runtimes, the evolution of JavaScript frameworks competing with native SDKs, fast component preview and debugging, an introduction to Web 3D graphics, the new CSS transform individual property, essential JavaScript utility methods, and an overview of CesiumJS for 3D earth visualization.

CesiumJSFrontendJavaScript
0 likes · 6 min read
Curated Technical Reads: WebAssembly Runtime, JavaScript Frameworks, Component Preview, Web 3D, CSS Transform, JS Utility Methods, and CesiumJS
政采云技术
政采云技术
Sep 27, 2022 · Frontend Development

Understanding WebAssembly: A Deep Dive into Its Concepts and Applications

WebAssembly (Wasm) is a binary instruction format for a stack-based virtual machine, designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications. It offers high efficiency, safety, openness, and standardization, allowing programs to run with near-native performance in web browsers. Wasm addresses the limitations of JavaScript, such as dynamic typing, by providing a more efficient and secure execution environment. It has applications in various scenarios, including AutoCAD, and can be used to extend functionalities in platforms like Envoy.

AutoCADEnvoyFrontend Development
0 likes · 10 min read
Understanding WebAssembly: A Deep Dive into Its Concepts and Applications
ELab Team
ELab Team
Sep 24, 2022 · Frontend Development

Building a Tiny Custom JavaScript Runtime with Duktape and WebAssembly

This article explains how to create a lightweight, embeddable JavaScript runtime using Duktape, compile it to WebAssembly, expose custom APIs, and integrate it into a web-based login greeter, highlighting implementation steps, code examples, and potential use cases.

DuktapeEmbeddingFrontend
0 likes · 8 min read
Building a Tiny Custom JavaScript Runtime with Duktape and WebAssembly
21CTO
21CTO
Aug 13, 2022 · Fundamentals

Should JavaScript Retire? Insights from Douglas Crockford and Emerging Alternatives

Douglas Crockford, the creator of JSON, argues that JavaScript has become a barrier to progress and should be retired, highlighting the language’s history, its growing complexity, and proposing alternatives like TypeScript, WebAssembly, Dart, and the secure distributed language E as potential successors.

E-languageJavaScriptTypeScript
0 likes · 9 min read
Should JavaScript Retire? Insights from Douglas Crockford and Emerging Alternatives
ELab Team
ELab Team
Aug 11, 2022 · Frontend Development

Why Front‑End Developers Should Try Rust: Learning Curve, Pros, Cons & Use Cases

From a front‑end developer’s viewpoint, this article examines Rust’s learning curve, pros and cons compared with JavaScript/TypeScript, performance benchmarks, multithreading, testing, and real‑world application scenarios such as tooling, WebAssembly, and desktop clients, while also providing learning resources and reference links.

Frontend DevelopmentWebAssemblymultithreading
0 likes · 14 min read
Why Front‑End Developers Should Try Rust: Learning Curve, Pros, Cons & Use Cases
Alibaba Terminal Technology
Alibaba Terminal Technology
Jul 7, 2022 · Frontend Development

Why Rust Is Revolutionizing Front‑End Infrastructure and Beyond

This article explores Rust's rapid rise in front‑end infrastructure, data visualization, Node, Web3, and automotive software, highlighting its performance, safety, and growing industry adoption while acknowledging its steep learning curve and future importance for developers.

Data visualizationFrontend InfrastructureSafety
0 likes · 11 min read
Why Rust Is Revolutionizing Front‑End Infrastructure and Beyond
ByteFE
ByteFE
Jul 1, 2022 · Industry Insights

What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More

This roundup covers the Vue 2.7 beta release, speculative futures for a Chromium‑only web, the architecture of a front‑end monitoring SDK, low‑code rendering standards, JavaScript sandbox evolution, GitHub Copilot’s general availability, WebAssembly trends, functional programming basics, Vue’s double‑ended diff algorithm, JSON.stringify pitfalls, and the latest focus areas of the React team.

FrontendFunctional ProgrammingReAct
0 likes · 7 min read
What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More
21CTO
21CTO
Jun 29, 2022 · Frontend Development

Can You Run Python and Go Directly in Your Browser? Exploring PyScript and Goscript

This article introduces PyScript, a framework that embeds Python code in HTML via WebAssembly, and Goscript, a Go playground that runs Go code in the browser, detailing their underlying technologies, components, and available resources for developers interested in client‑side language execution.

GoGoscriptPyScript
0 likes · 3 min read
Can You Run Python and Go Directly in Your Browser? Exploring PyScript and Goscript
21CTO
21CTO
Jun 15, 2022 · Cloud Native

Can WebAssembly Replace Docker? Insights from KubeCon 2023

The article examines WebAssembly's strengths and limitations as a potential Docker alternative, highlighting its portability, security, and edge‑computing advantages while acknowledging Docker's continued relevance for legacy services and complex workloads.

Cloud NativeContainersWASI
0 likes · 11 min read
Can WebAssembly Replace Docker? Insights from KubeCon 2023
21CTO
21CTO
May 28, 2022 · Frontend Development

2022 Tech Learning Roadmap: Rust, WASM, Vite SSR, Vue/React, Kubernetes, GraphQL

In this personal learning plan for 2022, the author outlines a deep dive into Rust and WebAssembly, explores Vite with server‑side rendering, experiments with Vue, React and Next.js, investigates Kubernetes for container orchestration, and examines GraphQL as a modern API alternative.

GraphQLReActRust
0 likes · 5 min read
2022 Tech Learning Roadmap: Rust, WASM, Vite SSR, Vue/React, Kubernetes, GraphQL
Sensors Frontend
Sensors Frontend
May 24, 2022 · Frontend Development

Must‑Read Frontend Articles: CSS, JavaScript, React, WebAssembly & More

This curated list highlights the latest breakthroughs in frontend engineering, covering component‑driven responsive design, the JavaScript pipeline operator, React's useEvent hook, WebContainer architecture, IEEE‑754 double‑precision floating‑point details, native debounce in React, low‑code visual systems, object key ordering, Blink rendering, and a comparative review of browser code editors.

FrontendIEEE-754WebAssembly
0 likes · 5 min read
Must‑Read Frontend Articles: CSS, JavaScript, React, WebAssembly & More
Yunxuetang Frontend Team
Yunxuetang Frontend Team
May 20, 2022 · Frontend Development

Master Frontend Challenges: Race Conditions, Encryption, Low‑Code, Rust, AI Deepfakes

This roundup explores key frontend topics—including race‑condition handling in React, client‑side field‑level encryption with Node.js and MongoDB, iQIYI’s low‑code engine, leveraging Rust for WebAssembly, performance analysis of JavaScript frameworks using Google CrUX, and the risks of AI‑generated deepfake videos.

FrontendMongoDBWebAssembly
0 likes · 4 min read
Master Frontend Challenges: Race Conditions, Encryption, Low‑Code, Rust, AI Deepfakes
Python Programming Learning Circle
Python Programming Learning Circle
May 12, 2022 · Frontend Development

Introducing PyScript: Run Python Directly in the Browser

PyScript, a new framework from Anaconda, enables developers to embed and run Python code directly in standard HTML pages, offering first‑class Python support in the browser, seamless integration with JavaScript, package management, and UI components, all built on the Pyodide WebAssembly engine.

Frontend DevelopmentPyScriptPython
0 likes · 4 min read
Introducing PyScript: Run Python Directly in the Browser
Taobao Frontend Technology
Taobao Frontend Technology
May 12, 2022 · Frontend Development

How WebAssembly + QuickJS Powers a Secure Web Sandbox for Next‑Gen Web Apps

An in‑depth technical overview describes how a WebAssembly‑plus‑QuickJS sandbox architecture enhances web security, improves developer experience, and delivers benchmarked performance gains for next‑generation open web applications, while maintaining compatibility with W3C standards and integrating with existing e‑commerce platforms.

Frontend DevelopmentPerformance BenchmarkQuickJS
0 likes · 6 min read
How WebAssembly + QuickJS Powers a Secure Web Sandbox for Next‑Gen Web Apps
DaTaobao Tech
DaTaobao Tech
May 10, 2022 · Information Security

Web Security Sandbox Using WebAssembly and QuickJS

This paper proposes a WebAssembly‑QuickJS sandbox that isolates JavaScript execution and uses Shadow DOM/iframe for CSS isolation, delivering W3C‑compliant, high‑performance security for web apps, achieving 355× communication gains over mini‑programs while maintaining a lightweight, extensible ecosystem for e‑commerce plugins.

Container ArchitectureFrontend DevelopmentOpen Technology
0 likes · 5 min read
Web Security Sandbox Using WebAssembly and QuickJS
ByteFE
ByteFE
May 9, 2022 · Fundamentals

Why Learn Rust: Fundamentals, Ownership, Lifetimes, and WebAssembly Integration

This article explains why Rust is valuable for modern development, introduces its memory model, ownership, borrowing, lifetimes, and copy semantics, and provides step‑by‑step guidance for building a WebAssembly image‑processing app with Rust, Cargo, wasm‑pack, and Vite.

Frontend DevelopmentLifetimesOwnership
0 likes · 27 min read
Why Learn Rust: Fundamentals, Ownership, Lifetimes, and WebAssembly Integration
DaTaobao Tech
DaTaobao Tech
May 6, 2022 · Mobile Development

hyengine: A Unified Mobile Script Engine with JIT, Optimizations, and GC

hyengine is a lightweight, high‑performance mobile execution engine that unifies WebAssembly, JavaScript, Python and Lua via a compiler and VM, offering JIT compilation, register allocation, inline‑cache optimizations, a custom allocator (hymalloc) and a concurrent three‑color garbage collector (hygc), achieving substantial speed‑ups on macOS and Android.

Garbage CollectionJITJavaScript
0 likes · 34 min read
hyengine: A Unified Mobile Script Engine with JIT, Optimizations, and GC
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
May 5, 2022 · Frontend Development

Building a Music Recognition Chrome Extension with Manifest V3 and WebAssembly

The article explains how NetEase Cloud Music built a Chrome extension that captures tab audio, processes it with an AudioWorkletNode, extracts fingerprints via WebAssembly in a sandboxed iframe, and matches songs locally, all while navigating Manifest V3’s service‑worker, CSP, and deprecation constraints.

Audio FingerprintingAudioWorkletBrowser Plugin
0 likes · 12 min read
Building a Music Recognition Chrome Extension with Manifest V3 and WebAssembly
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 1, 2022 · Frontend Development

How Alibaba Built a Web‑Based Short Video Editor: Front‑End Insights

This article details Alibaba’s front‑end engineer’s approach to building a web‑based short video editor, covering the motivation, design principles, three‑layer architecture, script protocol, immutable data handling, audio‑video processing with WebCodecs and FFmpeg, rendering pipeline, and challenges of browser implementation.

Audio ProcessingWebAssemblyWebCodecs
0 likes · 10 min read
How Alibaba Built a Web‑Based Short Video Editor: Front‑End Insights
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 9, 2022 · Frontend Development

A God‑Eye Overview of Front‑End Trends and Technologies

This article provides a comprehensive, data‑driven overview of front‑end technology trends from 2021 to 2022, covering programming language popularity, framework adoption, build tools, low‑code platforms, AI‑assisted development, cross‑platform solutions, serverless architecture, DevOps, 5G impacts, WebAssembly, and future directions for developers.

AIDevOpsFrontend
0 likes · 32 min read
A God‑Eye Overview of Front‑End Trends and Technologies
ByteFE
ByteFE
Feb 9, 2022 · Frontend Development

A God‑Eye Overview of Frontend Technology Trends

This comprehensive overview examines recent frontend trends, highlighting the rise of Python over JavaScript, the popularity of TypeScript, emerging tools like Vite and zx, the evolution of frameworks, bundlers, low‑code platforms, AI integration, cross‑platform solutions, serverless, DevOps, 5G impacts, Web3, WebAssembly, and future directions for the industry.

JavaScriptLow‑codeTypeScript
0 likes · 30 min read
A God‑Eye Overview of Frontend Technology Trends
ByteFE
ByteFE
Jan 28, 2022 · Frontend Development

Curated Technical Articles: WebAssembly, Deno, Garbage Collection, Frontend Debugging, CSS Colors, FormData, and Advanced JavaScript

This newsletter curates a collection of technical articles covering WebAssembly's future, Deno's 2021 progress, JavaScript garbage collection fundamentals, front‑end debugging best practices, modern CSS color systems, FormData usage, and advanced JavaScript features like iterators and generators.

FormDataFrontendGarbage Collection
0 likes · 5 min read
Curated Technical Articles: WebAssembly, Deno, Garbage Collection, Frontend Debugging, CSS Colors, FormData, and Advanced JavaScript
ELab Team
ELab Team
Jan 24, 2022 · Frontend Development

Master WebAssembly: Build, Debug, and Run FFmpeg in the Browser

This comprehensive guide explains why WebAssembly exists, how it outperforms JavaScript, walks through compiling C/C++ code (including libwebp and FFmpeg) to WebAssembly with Emscripten, shows how to call native functions from JavaScript, manage the virtual file system, and debug the resulting modules using Chrome DevTools.

AssemblyScriptEmscriptenWebAssembly
0 likes · 63 min read
Master WebAssembly: Build, Debug, and Run FFmpeg in the Browser
Programmer DD
Programmer DD
Jan 19, 2022 · Frontend Development

Build a Web H.265 Player with WebAssembly and JavaScript – Step-by-Step Guide

This tutorial explains how to create a fully functional web H.265 video player using JavaScript stream demuxing, WebAssembly‑compiled FFmpeg, Canvas rendering and AudioContext, covering project setup, Nginx configuration, HTML integration, and the core modules and threads that drive playback.

H.265JavaScriptWebAssembly
0 likes · 5 min read
Build a Web H.265 Player with WebAssembly and JavaScript – Step-by-Step Guide
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 18, 2022 · Frontend Development

What Made Chrome 2021 a Game‑Changer for Web Developers?

The article reviews Chrome's 2021 updates—including version releases, the removal of Flash, major WebAssembly enhancements, the QUIC protocol, and the upcoming WebGPU—while also highlighting broader front‑end ecosystem news such as Vercel, Figma, and Rust, illustrating how these advances shape modern web development.

ChromeFrontendQUIC
0 likes · 21 min read
What Made Chrome 2021 a Game‑Changer for Web Developers?
Sohu Tech Products
Sohu Tech Products
Dec 8, 2021 · Frontend Development

Integrating Rust WebAssembly into a React Application: A Step‑by‑Step Demo

This tutorial walks through building a simple React project, setting up Rust with Cargo and rustup, compiling Rust to WebAssembly using wasm‑bindgen and wasm‑pack, and finally importing the generated Wasm module into React components to demonstrate seamless Rust‑powered frontend functionality.

Frontend DevelopmentReActRust
0 likes · 13 min read
Integrating Rust WebAssembly into a React Application: A Step‑by‑Step Demo
21CTO
21CTO
Nov 28, 2021 · Fundamentals

Why Learning Go (Golang) Is Worth Your Time: Key Benefits and Essentials

This article introduces Go, highlights its concise and clean syntax, showcases core language structures and built‑in tools, explains module creation and cross‑compilation, and demonstrates how to build binaries and WebAssembly modules, making a compelling case for learning Golang.

GoGolangProgramming Language
0 likes · 6 min read
Why Learning Go (Golang) Is Worth Your Time: Key Benefits and Essentials
ByteDance Web Infra
ByteDance Web Infra
Nov 16, 2021 · Frontend Development

Why Rust Is the Future of JavaScript Infrastructure

Rust, a fast and memory‑efficient language adopted by major tech firms, is increasingly replacing JavaScript in web tooling such as bundlers, compilers, and linters, with projects like SWC, Deno, and WebAssembly demonstrating its performance, safety, and growing ecosystem for the future of JavaScript infrastructure.

JavaScriptRustWebAssembly
0 likes · 17 min read
Why Rust Is the Future of JavaScript Infrastructure
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 25, 2021 · Frontend Development

Chrome 95 Highlights: WebAssembly Exception Handling, Secure Payments, EyeDropper API

Chrome 95, released on October 19 2021, introduces fourteen new features—including native WebAssembly exception handling, Secure Payment Confirmation, the EyeDropper API, and a reduced User‑Agent string—each aimed at improving performance, security, and developer experience, with detailed opcode tables, usage examples, and privacy‑focused client hints.

Chrome 95EyeDropper APIFrontend Development
0 likes · 12 min read
Chrome 95 Highlights: WebAssembly Exception Handling, Secure Payments, EyeDropper API
Alipay Experience Technology
Alipay Experience Technology
Oct 13, 2021 · Artificial Intelligence

How ant‑tfjs Boosts Web AI Inference: WebGL, Wasm, and GPU Optimizations

This article examines high‑performance web computing for TensorFlow.js models, comparing tfjs and ant‑tfjs on WebGL, Wasm, and GPU backends, and details a series of optimizations—including pre‑encoding, shader handling, graph fusion, vectorization, and memory layout—that double inference speed on mobile devices.

Frontend AIGPU AccelerationTensorFlow.js
0 likes · 11 min read
How ant‑tfjs Boosts Web AI Inference: WebGL, Wasm, and GPU Optimizations
Alibaba Cloud Developer
Alibaba Cloud Developer
Sep 30, 2021 · Frontend Development

Run Python ML Models in the Browser with Pyodide: A Complete Guide

This article explains how to use Pyodide—a WebAssembly‑based Python runtime—to run complex machine‑learning model pre‑ and post‑processing directly in the browser, covering memory layout, JavaScript‑Python interoperation, package loading, OpenCV usage, inference engines, persistent storage, and wheel packaging.

Frontend DevelopmentPyodidePython in Browser
0 likes · 16 min read
Run Python ML Models in the Browser with Pyodide: A Complete Guide
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Sep 26, 2021 · Fundamentals

How to Build a WebAssembly Interpreter: From Binary Decoding to Stack‑Based Execution

This article walks through the design and implementation of a WebAssembly interpreter, covering Wasm fundamentals, binary module structure, decoding into an in‑memory representation, stack‑based virtual machine execution, call‑stack management, and concrete code examples from the open‑source project.

Binary DecodingStackVMWasm
0 likes · 24 min read
How to Build a WebAssembly Interpreter: From Binary Decoding to Stack‑Based Execution
Tencent Cloud Developer
Tencent Cloud Developer
Sep 16, 2021 · Frontend Development

Understanding WebAssembly: Introduction, Setup, and Performance Evaluation

WebAssembly is a portable, low‑size binary format that complements JavaScript by letting C, C++, Rust, and other languages compile to fast‑loading modules, offering near‑native speed, easy macOS setup with Emscripten, measurable performance gains such as a 1.9× speed‑up on recursive Fibonacci, and seamless interaction with JavaScript for compute‑heavy web applications.

EmscriptenJavaScriptWebAssembly
0 likes · 10 min read
Understanding WebAssembly: Introduction, Setup, and Performance Evaluation
Qingyun Technology Community
Qingyun Technology Community
Sep 13, 2021 · Cloud Native

Can WebAssembly Replace Docker? Insights from a Dapr Live Session

In a September 9 live session, Michael Yuan explained how WebAssembly serves as a high‑performance execution environment for Dapr, demonstrated building Go and Rust sidecars with WasmEdge, and answered audience questions about Docker replacement, real‑world adoption, memory management, isolation, and serverless use cases.

ContainerDaprServerless
0 likes · 7 min read
Can WebAssembly Replace Docker? Insights from a Dapr Live Session
ELab Team
ELab Team
Aug 12, 2021 · Backend Development

Why Learn Rust? Exploring Its Power, Ownership Model, and WebAssembly Integration

This article introduces Rust as a high‑performance, safe systems language, explains its immutable defaults, rich type system, ownership‑based memory management, and borrowing rules, then shows how Rust compiles to WebAssembly, integrates with the Yew frontend framework, and works alongside JavaScript in modern web tooling.

FrontendOwnershipWebAssembly
0 likes · 27 min read
Why Learn Rust? Exploring Its Power, Ownership Model, and WebAssembly Integration
Taobao Frontend Technology
Taobao Frontend Technology
Aug 10, 2021 · Frontend Development

Optimizing Video Thumbnail Selection: Canvas vs FFmpeg WebAssembly

This article examines how Taobao's front‑end team built a custom video frame‑capture tool, compares video+canvas with FFmpeg‑WebAssembly approaches, presents testing results, implementation details, and future optimizations to improve thumbnail selection efficiency and user experience.

CanvasVideo processingWebAssembly
0 likes · 5 min read
Optimizing Video Thumbnail Selection: Canvas vs FFmpeg WebAssembly
Tencent Cloud Developer
Tencent Cloud Developer
Jul 20, 2021 · Artificial Intelligence

Deploying AI Inference Functions on Tencent Cloud Serverless with Rust and WebAssembly

Michael Yuan’s ServerlessDays China 2021 talk shows how combining Rust with WebAssembly on Tencent Cloud Serverless lets developers deploy TensorFlow AI models in just a few lines, achieving 10‑20 fps inference, 100× faster cold starts than Python, and offering lightweight, secure, portable runtimes that could eventually supplant containers for edge and AI workloads.

AI inferenceCloud NativeRust
0 likes · 19 min read
Deploying AI Inference Functions on Tencent Cloud Serverless with Rust and WebAssembly
Taobao Frontend Technology
Taobao Frontend Technology
Jul 14, 2021 · Frontend Development

From Emscripten to WebAssembly: A Decade of Bringing C++ to the Browser

This article traces the ten‑year evolution from Emscripten’s early C++‑to‑JavaScript compiler through asm.js to modern WebAssembly, highlighting key milestones, technical challenges, performance optimizations, and real‑world applications such as games, AutoCAD, and Google Meet, while providing code examples and installation steps.

Browser PerformanceCEmscripten
0 likes · 17 min read
From Emscripten to WebAssembly: A Decade of Bringing C++ to the Browser
21CTO
21CTO
Jun 21, 2021 · Frontend Development

What the 2021 WebAssembly Survey Reveals About Language Trends and Future Impact

The 2021 WebAssembly survey of over 250 developers shows Rust dominates language usage, AssemblyScript climbs, and respondents expect major impact on web, serverless, and containerized applications while calling for better debugging support and richer runtime features.

AssemblyScriptRustServerless
0 likes · 7 min read
What the 2021 WebAssembly Survey Reveals About Language Trends and Future Impact
政采云技术
政采云技术
May 11, 2021 · Backend Development

An Introduction to Deno: Architecture, Features, and Hands‑On Usage

This article explains what Deno is, its origins and motivations, compares it with Node.js, describes its Rust‑based architecture, security model, built‑in tools, TypeScript and WebAssembly support, and provides step‑by‑step examples for installation, HTTP requests, remote imports, and building simple services.

DenoJavaScript runtimeNode.js alternative
0 likes · 19 min read
An Introduction to Deno: Architecture, Features, and Hands‑On Usage
Taobao Frontend Technology
Taobao Frontend Technology
Mar 31, 2021 · Frontend Development

How to Build a Web H.265 Decoder with WebAssembly and FFmpeg

This article walks through the complete process of creating a browser‑based H.265 video decoder by compiling a trimmed FFmpeg library to WebAssembly, designing a modular player architecture, and integrating the WASM module with JavaScript workers for real‑time playback of high‑resolution streams.

H.265JavaScriptVideo Decoding
0 likes · 22 min read
How to Build a Web H.265 Decoder with WebAssembly and FFmpeg
ByteFE
ByteFE
Mar 26, 2021 · Frontend Development

Curated Frontend Development Resources: Accessibility, CSS, JavaScript, and Low‑Code

This post curates a selection of frontend development articles on accessible components, gesture‑driven design, CSS performance tricks, obscure CSS properties, SVG filters, WebAssembly video frame extraction, Notion editor architecture, low‑code/no‑code tools, and front‑end engineering low‑code systems.

Low‑codeSVGWebAssembly
0 likes · 3 min read
Curated Frontend Development Resources: Accessibility, CSS, JavaScript, and Low‑Code
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 23, 2021 · Frontend Development

How to Capture Video Frames in the Browser with FFmpeg and WebAssembly

This article walks through the complete process of extracting video frames on the front end using FFmpeg compiled to WebAssembly, covering background requirements, a comparison of video‑canvas and server‑side approaches, detailed Emscripten setup, FFmpeg compilation, C‑level integration, memory optimizations, and deployment with Webpack.

EmscriptenVideo Frame ExtractionWebAssembly
0 likes · 25 min read
How to Capture Video Frames in the Browser with FFmpeg and WebAssembly
ByteFE
ByteFE
Feb 1, 2021 · Frontend Development

Migrating to Webpack 5: Team Practices, Pitfalls, and New Features

This article details the motivations behind Webpack 5, outlines a step‑by‑step migration workflow—including preparation, dependency upgrades, common pitfalls, and new build‑time and runtime capabilities such as Asset Modules, filesystem caching, WebAssembly, Web Workers, improved long‑term caching and top‑level await—while providing performance comparisons and practical code snippets.

Frontend BuildMigrationWeb Worker
0 likes · 22 min read
Migrating to Webpack 5: Team Practices, Pitfalls, and New Features