Tagged articles
9 articles
Page 1 of 1
Code Mala Tang
Code Mala Tang
Jul 1, 2024 · Frontend Development

Mastering JavaScript Binary Data: ArrayBuffer, TypedArray & DataView Explained

This guide introduces JavaScript’s low‑level binary data tools—ArrayBuffer, TypedArrays, and DataView—explaining their concepts, creation methods, key properties, and performance considerations, and demonstrates practical applications such as image processing, audio analysis, and WebSocket binary protocols.

ArrayBufferDataviewTypedArray
0 likes · 11 min read
Mastering JavaScript Binary Data: ArrayBuffer, TypedArray & DataView Explained
Goodme Frontend Team
Goodme Frontend Team
Sep 11, 2023 · Frontend Development

Master WebSocket: From Handshake to Real‑Time Data Streams

This article explains WebSocket fundamentals, including its definition, handshake process, data frame structure, binary handling, stream usage, networking details like MTU/MSS, and practical Node.js examples, providing a comprehensive guide for real‑time web communication.

NetworkingWebSocketbinary data
0 likes · 20 min read
Master WebSocket: From Handshake to Real‑Time Data Streams
Youzan Coder
Youzan Coder
May 7, 2021 · Frontend Development

Understanding ArrayBuffer, TypedArray, DataView, and Blob in JavaScript

The article explains how JavaScript handles binary data by using ArrayBuffer as raw memory, TypedArray and DataView as typed views for reading and writing with endianness control, and Blob for file‑like binary objects, detailing their constructors, methods, and typical use cases such as WebGL, file upload, and image display.

ArrayBufferBlobDataview
0 likes · 17 min read
Understanding ArrayBuffer, TypedArray, DataView, and Blob in JavaScript
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Aug 6, 2020 · Frontend Development

APNG Animation Implementation: Canvas 2D and WebGL Rendering

The article explains APNG’s file structure and decoding process, then demonstrates how to render animated PNGs on the web using both Canvas 2D (with drawImage, clearRect, getImageData, putImageData) and WebGL (via multiple textures and custom disposal/blending handling) for efficient, controllable animation playback.

APNGCanvas 2DJavaScript
0 likes · 12 min read
APNG Animation Implementation: Canvas 2D and WebGL Rendering
Node Underground
Node Underground
Jul 27, 2019 · Backend Development

Mastering Node.js Buffer: From Basics to Performance Optimization

This comprehensive guide explores Node.js Buffer fundamentals, binary data handling, stream integration, memory allocation mechanisms, practical usage scenarios, and performance benchmarks, providing developers with the knowledge to efficiently manage binary streams and boost application speed.

Memory ManagementNode.jsbinary data
0 likes · 21 min read
Mastering Node.js Buffer: From Basics to Performance Optimization
Beike Product & Technology
Beike Product & Technology
Dec 13, 2018 · Frontend Development

Understanding Uint8Array, TypedArray, Buffer, and Blob in JavaScript for PDF Rendering and Binary Data Handling

This article explains the evolution and usage of Uint8Array, TypedArray, Buffer, and Blob in JavaScript, demonstrates how to convert between strings, ArrayBuffers, and binary data, and shows practical code examples for rendering PDFs and handling files in both browser and Node environments.

BlobPDF.jsTypedArray
0 likes · 12 min read
Understanding Uint8Array, TypedArray, Buffer, and Blob in JavaScript for PDF Rendering and Binary Data Handling