Regularly sharing the team's thoughts and insights on frontend development
This article explains the Model Context Protocol (MCP), compares it with traditional function calling, and provides a step‑by‑step guide for integrating MCP into the Cursor editor, including token generation, configuration, server setup, and practical examples that dramatically improve AI‑assisted development productivity.
This article details the design and implementation of a native Android image‑editing component built for warehouse quality‑inspection, covering business motivations, core features such as multi‑image batch editing, matrix‑based transformations, a command‑pattern undo/redo system, technical architecture, key challenges, and future extension plans.
This article details ZhiZhuan Group's end‑to‑end code‑coverage system for Android and iOS apps, covering its background, design, incremental instrumentation, CI/CD integration, optimization steps, visual reporting, and real‑world impact, offering practical insights for mobile development teams seeking reliable test coverage.
This article explains how to analyse the impact range of code changes in large frontend projects, describes the architecture and core techniques—including project dependency‑tree building, AST parsing, GitLab diff extraction, and change propagation—provides concrete JavaScript/TypeScript examples, and discusses visualization of the results.
This issue of Zhuanzhuan Frontend Weekly curates five insightful technical articles covering React UI paradigm shifts, a Rust beginner’s journey to production, performance improvements in a mini‑program simulator, integration of the Qwen‑2.5‑VL model with Midscene.js, and Didi’s experience in managing technical debt for internationalization.
This newsletter curates five must‑read frontend articles covering AI‑driven development trends, Kuaishou's Vision platform for motion asset quality, common misconceptions about Electron, the rapid rise of pure ESM modules, and React's first native animation support, offering concise insights and data for developers.
This article analyzes the shortcomings of a custom Istanbul-based code coverage pipeline for a Vue frontend, explains why instrumented line numbers were inaccurate, and presents a revised solution using NYC to generate reliable incremental coverage reports with detailed implementation steps and configuration examples.
This article explains cyclomatic complexity concepts, industry standards, calculation methods, and how a custom ESLint rule can be used to assess both single‑function and nested‑function complexity in front‑end projects, including scoring thresholds and practical implementation details.
The article introduces code‑inspector‑plugin, an open‑source plugin for bundlers like webpack, Vite, and Rspack that lets developers click a DOM element in the browser to instantly open the corresponding source file in their IDE, detailing installation, configuration, usage, implementation principles, and common troubleshooting tips.
This newsletter curates five insightful frontend articles covering 2024 front‑end trends, AI‑assisted code generation at Qunar, the history and current solutions of cross‑platform development, AI‑driven full‑stack improvements at Taobao, and the release of Electron 34.0.0 with upgraded Chromium, V8, and Node.
