ELab Team
Author

ELab Team

Sharing fresh technical insights

192
Articles
0
Likes
84
Views
0
Comments
Recent Articles

Latest from ELab Team

100 recent articles max
ELab Team
ELab Team
Jul 22, 2022 · Frontend Development

How to Build a Cross‑Platform Rich Text Editor with Quill and Custom Blots

This article explains the fundamentals of rich‑text editors, compares textarea and contenteditable approaches, introduces Quill’s delta format and parchment model, and provides step‑by‑step guidance for creating custom blots, handling media uploads, and processing paste events for seamless cross‑platform rendering.

DeltaQuillcontenteditable
0 likes · 15 min read
How to Build a Cross‑Platform Rich Text Editor with Quill and Custom Blots
ELab Team
ELab Team
Jul 21, 2022 · Frontend Development

How to Build a Web Video Cutter with FFmpeg, WASM, and OffscreenCanvas

This article walks through the design and implementation of a web‑based video cutter, covering its overall architecture, the use of ffmpeg compiled to WebAssembly, OffscreenCanvas rendering, and worker threads, while providing code examples and practical tips for achieving smooth preview and export functionality.

ffmpeg wasmmedia processingoffscreencanvas
0 likes · 18 min read
How to Build a Web Video Cutter with FFmpeg, WASM, and OffscreenCanvas
ELab Team
ELab Team
Jul 14, 2022 · Frontend Development

Why JavaScript’s toFixed Fails at Precise Rounding and How to Fix It

JavaScript’s built‑in toFixed cannot reliably perform true rounding due to binary floating‑point precision limits, so this article explains the underlying IEEE‑754 representation, demonstrates common pitfalls, and provides a custom rounding algorithm with code examples to achieve accurate decimal rounding.

IEEE-754PrecisionRounding
0 likes · 10 min read
Why JavaScript’s toFixed Fails at Precise Rounding and How to Fix It
ELab Team
ELab Team
Jul 13, 2022 · Frontend Development

Mastering Front‑End Testing: From Basics to Building Your Own Test Runner

This article explains software testing fundamentals, classifies test methods, outlines general testing principles, dives into front‑end testing types and popular frameworks, provides code snippets for a minimal test runner, and compares TDD and BDD approaches, offering a comprehensive guide for developers.

BDDTDDfrontend testing
0 likes · 24 min read
Mastering Front‑End Testing: From Basics to Building Your Own Test Runner
ELab Team
ELab Team
Jul 7, 2022 · Information Security

Is Your Password Really Secure? Hashing, Salting, and WebAuthn Explained

This article examines why passwords are often insecure, explains how they should be stored using hash algorithms and salts, outlines common password‑weaknesses and system vulnerabilities, and introduces FIDO/WebAuthn as a modern, password‑less authentication solution.

AuthenticationFIDOWebAuthn
0 likes · 31 min read
Is Your Password Really Secure? Hashing, Salting, and WebAuthn Explained
ELab Team
ELab Team
Jun 18, 2022 · Frontend Development

Deep Dive into ESLint: How Rules, CLI, and AST Processing Work

This article explains why ESLint is essential for frontend development, details how its rule configuration works, walks through the CLI execution flow, and reveals the internal call stack that parses code into an AST, applies custom rules, and performs auto‑fixes.

ASTCLICustom Rules
0 likes · 15 min read
Deep Dive into ESLint: How Rules, CLI, and AST Processing Work
ELab Team
ELab Team
Jun 17, 2022 · Fundamentals

How a Tiny Compiler Works: From Tokenizer to Code Generator

This article walks through the core concepts and implementation steps of a minimal JavaScript compiler, covering tokenization, parsing into an AST, traversing with a visitor, transforming the tree, and generating target code, while also explaining the visitor pattern and polyfills.

ASTJavaScriptParser
0 likes · 17 min read
How a Tiny Compiler Works: From Tokenizer to Code Generator
ELab Team
ELab Team
Jun 15, 2022 · Fundamentals

Demystify Git: Build Your Own Git Commands from Scratch

This article walks through the fundamentals of Git’s internal architecture, explains how objects, hashes, and the repository directory work, and provides step‑by‑step Node.js code to implement core plumbing commands such as init, hash‑object, and cat‑file.

GitVersion Controlgit internals
0 likes · 20 min read
Demystify Git: Build Your Own Git Commands from Scratch
ELab Team
ELab Team
Jun 13, 2022 · Backend Development

How Short URLs Are Built: From Hashes to Snowflake IDs

Short URLs are essential for many scenarios, and this article explores their components, including domain and path design, and dives into various path generation methods such as hash functions, auto‑increment IDs, distributed Snowflake algorithms, base‑62 encoding, and the trade‑offs between 301 and 302 redirects.

ID generationRedirectSnowflake
0 likes · 8 min read
How Short URLs Are Built: From Hashes to Snowflake IDs
ELab Team
ELab Team
Jun 3, 2022 · Frontend Development

Master Lit: A Lightweight Frontend Library for Building Web Components

This article provides a comprehensive overview of Lit, covering its core concepts, key features, decorators, templating, styling, slots, event communication, lifecycle, directives, mixins, controllers, SSR support, and the surrounding ecosystem, offering practical code examples for developers.

JavaScriptLibraryLit
0 likes · 21 min read
Master Lit: A Lightweight Frontend Library for Building Web Components