Regularly sharing the team's thoughts and insights on frontend development
This article traces the evolution of ESLint from its early role as a simple JavaScript linter to the introduction of the Flat Config system in ESLint 9, examines the challenges of extends, multi‑format support, plugins, and shared configurations, and explores new tools like Config Inspector, eslint‑flat‑config‑utils, ESLint Stylistic, and future multi‑language support.
This article compares three real‑time data update methods—short and long polling, WebSocket, and Server‑Sent Events—explaining their principles, advantages, drawbacks, and providing practical code examples so developers can choose the most suitable solution for their web applications.
This article explores the concept of code maintainability, explains why it matters, defines key measurement metrics such as naming conventions, comment density, code volume, logical lines, cyclomatic complexity, similarity and redundancy, and provides practical improvement techniques and tool recommendations for modern front‑end projects.
This edition of the ZhuanZhuan Frontend Weekly presents a curated selection of recent technical articles covering React 19 release, HarmonyOS adaptation in a travel app, the Vision animation platform at Kuaishou, migration from Electron to Tauri, and WebAssembly‑enhanced WebCodecs for high‑performance video frame extraction.
This article details a practical solution that adds environment identifiers via Nginx response headers and front‑end detection to clearly distinguish test, sandbox, and production environments in middle‑back office applications, reducing confusion and operational errors.
This article explains the architecture and key features of ZhiZhu's customer service workbench, covering the overall system, the iframe‑based IM communication, multi‑tab third‑screen design, conversation caching with LRU, and full‑event tracking implementation using React, Umi and Ant Design.
This article explains various techniques for generating custom posters—including canvas, Fabric.js, html2canvas, and dom‑to‑image—covers client‑side, server‑side, and mobile approaches, compares their performance and compatibility, and provides solutions to common issues such as cross‑origin restrictions, white‑screen bugs, and image‑ratio problems.
This article walks through creating a basic 1v1 WebRTC audio‑video demo with Vue, then expands to detailed code explanations for call setup, media handling, data channels, and explores multi‑party architectures (Mesh, SFU, MCU), discussing their trade‑offs, deployment challenges, and practical solutions for production environments.
This article explores WebRTC’s fundamental architecture, detailing PeerConnection terminology, core methods and events, various connection strategies—including local network, STUN, and TURN—and walks through the complete signaling and ICE exchange process, culminating in a step‑by‑step Node.js WebSocket signaling server implementation with full code examples.
The ZhuanZhuan Frontend Weekly curates five recent technical articles—including a Rust‑based JavaScript bundler, Airbnb’s seamless React upgrade, HarmonyOS ArkUI framework, a JavaScript Super Mario game, and the Interface Segregation Principle in React—providing concise English summaries and links for developers.
