Author

MoonWebTeam

Official account of MoonWebTeam. All members are former front‑end engineers from Tencent, and the account shares valuable team tech insights, reflections, and other information.

Articles

Likes

Views

Comments

Latest from MoonWebTeam

38 recent articles

MoonWebTeam

Oct 1, 2025 · Artificial Intelligence

Unlocking ChatGPT: A Deep Dive into Transformers, Tokenization, and Self‑Attention

This tutorial walks through the fundamentals of ChatGPT by explaining language modeling, character‑level tokenization, data preprocessing pipelines, the evolution from simple bigram models to scaled dot‑product self‑attention, multi‑head mechanisms, full Transformer blocks, and how to train and generate Shakespeare‑style text with a GPT model.

ChatGPTGPTPython

0 likes · 50 min read

Unlocking ChatGPT: A Deep Dive into Transformers, Tokenization, and Self‑Attention

MoonWebTeam

Jul 24, 2025 · Fundamentals

Mastering the Open-Closed Principle: Benefits, Pitfalls, and Real-World Examples

This article explores the Open‑Closed Principle (OCP) in depth, covering its definition, evolution, practical applications, common misconceptions, code comparisons, and best‑practice guidelines to help developers balance extensibility with simplicity in modern software design.

Open/Closed PrincipleSOLIDTypeScript

0 likes · 19 min read

Mastering the Open-Closed Principle: Benefits, Pitfalls, and Real-World Examples

MoonWebTeam

Jun 7, 2025 · Cloud Native

Master OpenTelemetry: From Basics to Full‑Stack Tracing in Node.js

This comprehensive guide explains observability concepts, introduces OpenTelemetry’s three signals—traces, metrics, and logs—and walks through setting up automatic and manual instrumentation for Node.js applications, configuring the OpenTelemetry Collector, deploying with Docker Compose, and visualizing data in Zipkin or Jaeger.

Node.jsOpenTelemetryTracing

0 likes · 50 min read

Master OpenTelemetry: From Basics to Full‑Stack Tracing in Node.js

MoonWebTeam

May 31, 2025 · Fundamentals

What Is Low-Code? Origins, Types, and Building Better Platforms

This article explores the concept of low-code development, tracing its historical roots, classifying its various forms by code amount, scope, business type and user type, detailing platform compositions with examples, and outlining the three fundamental steps—layout, interaction, and data—required to build effective low-code solutions.

low-codeno-codeplatform architecture

0 likes · 23 min read

What Is Low-Code? Origins, Types, and Building Better Platforms

MoonWebTeam

May 30, 2025 · Fundamentals

Why Layered Architecture Is the Key to Scalable Web Applications

This article explains the evolution and benefits of layered software architecture—from early two‑layer designs to MVC, DDD, Clean Architecture, and the Monet framework—highlighting how clear responsibilities, adaptability, and proper dependency direction improve maintainability, scalability, and team collaboration.

ArchitectureClean ArchitectureDDD

0 likes · 18 min read

Why Layered Architecture Is the Key to Scalable Web Applications

MoonWebTeam

May 24, 2025 · Frontend Development

How Clean Architecture and Vue 3 Composition API Simplify Complex Frontend Projects

This article examines the growing complexity of a points‑mall front‑end, identifies architectural and code‑organization pain points, and demonstrates how applying Clean Architecture together with Vue 3's Composition API can decouple business logic from UI, improve maintainability, and streamline development.

Clean ArchitectureComposition APIsoftware design

0 likes · 22 min read

How Clean Architecture and Vue 3 Composition API Simplify Complex Frontend Projects

MoonWebTeam

Apr 7, 2025 · Frontend Development

From Static Pages to Big Frontend: A Journey Through Web Evolution

This article traces the evolution of web front‑end technology from the early static HTML era through dynamic CGI and JavaScript, the rise of front‑end frameworks, component‑based development, and finally the big‑frontend era encompassing web, mobile, desktop, mini‑programs, SSR and full‑stack approaches.

Frameworkshistory

0 likes · 28 min read

From Static Pages to Big Frontend: A Journey Through Web Evolution

MoonWebTeam

Feb 22, 2025 · Frontend Development

2024 Front‑End Tech Review: TypeScript Surge, React 19, Rust‑Powered Tooling and AI‑Driven Trends

This comprehensive 2024 review examines the rapid rise of TypeScript, new features in ECMAScript, the evolution of major frameworks like React 19 and Vue 3.5, the Rust‑driven shift in build tools, emerging JavaScript runtimes, Chrome’s AI integrations, and the growing impact of AI, low‑code and WebAssembly on front‑end development.

ReActWebAssembly

0 likes · 76 min read

2024 Front‑End Tech Review: TypeScript Surge, React 19, Rust‑Powered Tooling and AI‑Driven Trends

MoonWebTeam

Dec 26, 2024 · Frontend Development

From Von Neumann to Flutter: Tracing the Evolution of Cross‑Platform Development

This article surveys the history of cross‑platform development—from early computer architectures and the birth of high‑level languages, through web standards, hybrid mobile frameworks, mini‑program ecosystems, and modern native‑rendering solutions—highlighting how abstraction layers enable code reuse across diverse devices and operating systems.

Cross‑platformFrameworkssoftware architecture

0 likes · 28 min read

From Von Neumann to Flutter: Tracing the Evolution of Cross‑Platform Development

MoonWebTeam

Dec 6, 2024 · Backend Development

How Figma Built Its Real‑Time Multi‑User Collaboration Engine

This article translates and analyzes Evan Wallace’s deep dive into Figma’s custom real‑time multi‑user collaboration system, covering its client‑server architecture, the decision to avoid OT in favor of simplified CRDT‑inspired techniques, object tree synchronization, conflict handling, fractional indexing, and undo/redo mechanisms.

CRDTFigmaoperational transformation

0 likes · 19 min read

How Figma Built Its Real‑Time Multi‑User Collaboration Engine