BestHub
Sign in
大转转FE
Author

大转转FE

Regularly sharing the team's thoughts and insights on frontend development

52
Articles
0
Likes
123
Views
0
Comments
Recent Articles

Latest from 大转转FE

52 recent articles
大转转FE
大转转FE
Apr 3, 2025 · Frontend Development

Code Impact Range Analysis and Dependency‑Tree Construction for Large Frontend Projects

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.

ASTGitLab diffcode analysis
0 likes · 29 min read
Code Impact Range Analysis and Dependency‑Tree Construction for Large Frontend Projects
大转转FE
大转转FE
Mar 3, 2025 · Frontend Development

Zhuanzhuan Frontend Weekly – Curated Technical Articles

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.

AIPerformanceReAct
0 likes · 5 min read
Zhuanzhuan Frontend Weekly – Curated Technical Articles
大转转FE
大转转FE
Feb 10, 2025 · Fundamentals

Why Frontend Coverage Reports Were Wrong and How NYC Fixed Them

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.

InstrumentationIstanbulcode coverage
0 likes · 19 min read
Why Frontend Coverage Reports Were Wrong and How NYC Fixed Them
大转转FE
大转转FE
Jan 23, 2025 · Frontend Development

How to Measure and Reduce Frontend Cyclomatic Complexity with ESLint

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.

ASTESLintcode quality
0 likes · 19 min read
How to Measure and Reduce Frontend Cyclomatic Complexity with ESLint
大转转FE
大转转FE
Jan 21, 2025 · Frontend Development

code‑inspector‑plugin: A Frontend Development Tool for Fast Source‑Code Location and IDE Integration

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.

Frontend DebuggingIDE integrationVite
0 likes · 24 min read
code‑inspector‑plugin: A Frontend Development Tool for Fast Source‑Code Location and IDE Integration
大转转FE
大转转FE
Jan 20, 2025 · Frontend Development

Zhuanzhuan Frontend Weekly – Curated Articles on Frontend Trends, AI‑Driven Code Generation, Cross‑Platform Development, and Electron Release

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.

AICross-PlatformElectron
0 likes · 6 min read
Zhuanzhuan Frontend Weekly – Curated Articles on Frontend Trends, AI‑Driven Code Generation, Cross‑Platform Development, and Electron Release
大转转FE
大转转FE
Jan 17, 2025 · Frontend Development

ESLint: Past, Present, and Future

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.

ConfigurationESLintFlat Config
0 likes · 17 min read
ESLint: Past, Present, and Future
大转转FE
大转转FE
Jan 10, 2025 · Backend Development

Which Real‑Time Data Technique Is Best? Polling, WebSocket, or SSE Compared

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.

PollingSSEWeb development
0 likes · 16 min read
Which Real‑Time Data Technique Is Best? Polling, WebSocket, or SSE Compared
大转转FE
大转转FE
Dec 27, 2024 · Frontend Development

Boosting Front-End Code Maintainability: Metrics, Tools, and Best Practices

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.

best practicescode maintainabilitycode quality
0 likes · 50 min read
Boosting Front-End Code Maintainability: Metrics, Tools, and Best Practices