How to Build a Versatile Canvas Library with Edge Detection, Video Capture, and Particle Effects

Discover how to create a powerful, all‑in‑one Canvas toolkit that includes high‑performance edge detection, Web‑Worker‑accelerated video frame capture, particle‑based fade‑out effects, and a feature‑rich online drawing board, complete with undo/redo, layer management, and GPU‑smooth zoom and drag.

CanvasImageProcessingJavaScript

0 likes · 27 min read

How to Build a Versatile Canvas Library with Edge Detection, Video Capture, and Particle Effects

IT Services Circle

Mar 15, 2022 · Frontend Development

Understanding How JavaScript Works: From Interpreted vs. Compiled Languages to the V8 Engine Execution Process

This article explains the fundamental principles behind JavaScript execution, covering the distinction between interpreted and compiled languages, the architecture of JavaScript engines (including V8, SpiderMonkey, and JavaScriptCore), runtime environments, the single‑threaded event loop, call‑stack processing, lexical analysis, parsing, bytecode, JIT compilation, and the role of Web Workers in off‑loading CPU‑intensive tasks.

EngineJITJavaScript

0 likes · 13 min read

Understanding How JavaScript Works: From Interpreted vs. Compiled Languages to the V8 Engine Execution Process

Amap Tech

Nov 6, 2019 · Frontend Development

Front‑End Memory Management, Data Structures, and Performance Optimization

To handle the massive memory and CPU demands of modern front‑end map annotations, the article explains JavaScript’s stack‑heap model, object hash‑table storage, and the trade‑offs of plain arrays, TypedArray, DataView, and SharedArrayBuffer, showing that contiguous memory structures and Web‑Worker off‑loading dramatically improve performance and reduce allocations.

SharedArrayBufferTypedArrayWebWorker

0 likes · 17 min read

Front‑End Memory Management, Data Structures, and Performance Optimization