BestHub
Sign in
Tagged articles
3129 articles
Page 2 of 32
大转转FE
大转转FE
Dec 15, 2025 · Frontend Development

From Static Pages to Modern Bundlers: How Webpack, Vite, and Rspack Evolve Frontend Engineering

This article traces the evolution of frontend engineering from static HTML pages to modular development, explains the core responsibilities of bundlers, compares Webpack, Vite, and Rspack in terms of architecture, performance, configuration complexity, and ecosystem support, and offers guidance on selecting the right tool for a project.

EngineeringRspackVite
0 likes · 24 min read
From Static Pages to Modern Bundlers: How Webpack, Vite, and Rspack Evolve Frontend Engineering
Instant Consumer Technology Team
Instant Consumer Technology Team
Dec 12, 2025 · Artificial Intelligence

7 Must‑Try Open‑Source Tools to Supercharge Your Development (AI, UI, and More)

This article curates seven noteworthy open‑source projects—from a Linux‑based Windows app runner and a modern admin dashboard to AI‑focused tools like ComfyUI‑Manager, Claude quickstarts, and real‑time Whisper transcription—providing concise descriptions and direct repository links for developers seeking practical resources.

AIJavaScriptLinux
0 likes · 7 min read
7 Must‑Try Open‑Source Tools to Supercharge Your Development (AI, UI, and More)
FunTester
FunTester
Dec 9, 2025 · Frontend Development

Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer

This guide explains why Ant Design dropdowns, tooltips, and popovers are often hidden or misaligned, how the default rendering to document.body causes these problems, and demonstrates practical use of the getPopupContainer property to control popup mounting and eliminate visual bugs in React applications.

Ant DesignJavaScriptReact
0 likes · 7 min read
Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer
Fun with Large Models
Fun with Large Models
Dec 7, 2025 · Frontend Development

Building a Multimodal RAG Front‑End with Trae Solo: A Vibe‑Coding Guide

This article walks through a three‑step Vibe‑Coding workflow—structured prompt creation, prompt optimization with DeepSeek, and precise bug‑fix guidance—to automatically generate, refine, and extend a React + TypeScript front‑end for a multimodal RAG system using Trae Solo, covering architecture, streaming chat, and PDF citation features.

AI programmingLangChainRAG
0 likes · 22 min read
Building a Multimodal RAG Front‑End with Trae Solo: A Vibe‑Coding Guide
High Availability Architecture
High Availability Architecture
Dec 5, 2025 · Frontend Development

Mastering Real-Time Web Communication: WebSocket, SSE, WebRTC & Polling Explained

This comprehensive guide explores the core concepts, protocols, implementation steps, and typical use cases of WebSocket, Server‑Sent Events, WebRTC, and traditional polling, comparing their strengths and weaknesses to help developers choose the right real‑time communication technique for web applications.

PollingSSEWeb Development
0 likes · 21 min read
Mastering Real-Time Web Communication: WebSocket, SSE, WebRTC & Polling Explained
大转转FE
大转转FE
Dec 4, 2025 · Frontend Development

From Selenium to AI Agents: How Browser Automation Is Evolving in 2025

This article traces the 20‑year evolution of browser automation—from Selenium’s early scripts to modern AI‑driven agents—highlighting the limitations of each generation, the breakthroughs introduced by Puppeteer, Playwright, and the emerging AI Browser Use, and what the next three years may hold for developers.

Browser AutomationPlaywrightSelenium
0 likes · 10 min read
From Selenium to AI Agents: How Browser Automation Is Evolving in 2025
Top Architect
Top Architect
Dec 3, 2025 · Fundamentals

Boost Your Coding Efficiency with an AI-Powered Naming Tool for Frontend and Backend

This article explains how developers struggling with inconsistent and unclear naming in Java and Vue projects can use a self‑built AI naming assistant—available as a lightweight web app and an IntelliJ IDEA plugin—to instantly generate clean, convention‑compliant identifiers from simple Chinese descriptions.

AIdeveloper toolsfrontend
0 likes · 6 min read
Boost Your Coding Efficiency with an AI-Powered Naming Tool for Frontend and Backend
ITPUB
ITPUB
Dec 2, 2025 · Frontend Development

Why Do Some Emojis Count as Multiple Characters in JavaScript?

When debugging a web app, the author discovered that certain emojis occupy more than one character slot in JavaScript strings, revealing that emoji length varies because they are composed of multiple Unicode code points such as variation selectors and zero‑width joiners.

EmojiJavaScriptUnicode
0 likes · 4 min read
Why Do Some Emojis Count as Multiple Characters in JavaScript?
php Courses
php Courses
Dec 1, 2025 · Frontend Development

How to Accurately Calculate and Display Pagination Indexes in JavaScript

This guide explains common pagination index problems in web apps and provides a step‑by‑step JavaScript solution—including a reusable function, a full HTML component, handling of empty and dynamic data sets, best‑practice tips, and complete code examples—for seamless user navigation.

Index CalculationJavaScriptWeb Development
0 likes · 8 min read
How to Accurately Calculate and Display Pagination Indexes in JavaScript
Code Wrench
Code Wrench
Nov 29, 2025 · Frontend Development

Building a Modern Desktop Chat App with Wails: Go + Vue Made Easy

This article walks through creating a lightweight, cross‑platform desktop chat application using Wails, demonstrating project structure, Go‑to‑frontend API generation, real‑time event communication, SQLite storage, UI implementation with Vue3, image handling, a one‑click dev script, and packaging size advantages.

Desktop AppGoSQLite
0 likes · 10 min read
Building a Modern Desktop Chat App with Wails: Go + Vue Made Easy
JavaScript
JavaScript
Nov 28, 2025 · Frontend Development

Replace Media Queries with CSS clamp() for Fluid Responsive Design

This article explains why the traditional px unit and media‑query‑heavy approaches struggle on diverse devices and shows how the modern CSS clamp() function can create fluid typography and layout sizes that smoothly adapt from small to ultra‑wide screens without breakpoint jumps.

CSSFluid TypographyResponsive Design
0 likes · 5 min read
Replace Media Queries with CSS clamp() for Fluid Responsive Design
vivo Internet Technology
vivo Internet Technology
Nov 26, 2025 · Frontend Development

How to Build a Dynamic Typewriter Effect for AI Search with Vue

This article walks through the evolution of a typewriter‑style text animation for AI‑driven search results, from a simple pure‑text implementation using setInterval to a sophisticated Vue component that handles markdown, embedded cards, escape characters, variable typing speed, and DOM diffing to deliver a smooth, interactive user experience.

AI searchVuedynamic rendering
0 likes · 15 min read
How to Build a Dynamic Typewriter Effect for AI Search with Vue
Top Architect
Top Architect
Nov 25, 2025 · Backend Development

Why a Username of "null" Can Crash Your System – and How to Prevent It

Using the literal string "null" as a username can silently bypass null checks, create phantom users, pollute databases, and cause debugging nightmares, so this article explains the pitfalls, shows real‑world examples, and provides concrete backend, frontend, and database validation techniques to avoid such bugs.

BackendNULLfrontend
0 likes · 6 min read
Why a Username of "null" Can Crash Your System – and How to Prevent It
JavaScript
JavaScript
Nov 25, 2025 · Fundamentals

Why === Isn’t Enough: Mastering Precise Equality with Object.is() in JavaScript

While the strict equality operator (===) works well for most cases, it fails with special values like NaN and distinguishes +0 and -0 incorrectly; JavaScript’s Object.is() method provides a more precise same‑value equality, correctly handling these edge cases and improving comparisons in Maps, Sets, and other structures.

+0 -0JavaScriptNaN
0 likes · 5 min read
Why === Isn’t Enough: Mastering Precise Equality with Object.is() in JavaScript
Alipay Experience Technology
Alipay Experience Technology
Nov 24, 2025 · Frontend Development

What’s New in Ant Design 6.0? A Deep Dive into the Latest Frontend Upgrade

Ant Design 6.0 and Ant Design X 2.0 were officially released at SEE Conf 2025, introducing smooth migration from v5, raising the minimum React version to 18, adopting pure CSS‑Variables, enabling React Compiler in the build, revamping component semantics, dropping IE support, and adding several new components such as Masonry, enhanced Tooltip, spinner‑style InputNumber, draggable Drawer, and blur‑mask overlays, with a clear upgrade guide and future roadmap.

Ant DesignCSS VariablesComponent Library
0 likes · 10 min read
What’s New in Ant Design 6.0? A Deep Dive into the Latest Frontend Upgrade
Goodme Frontend Team
Goodme Frontend Team
Nov 24, 2025 · Frontend Development

How React Fiber Eliminates UI Jank: A Step‑by‑Step Deep Dive

This article explains why web pages feel sluggish, how React Fiber’s interruptible asynchronous rendering solves the jank problem, and walks through progressively refined implementations—from a basic React demo to a full Fiber renderer with work‑loop scheduling, diffing, and performance optimizations.

Diff AlgorithmFiberJavaScript
0 likes · 19 min read
How React Fiber Eliminates UI Jank: A Step‑by‑Step Deep Dive
21CTO
21CTO
Nov 20, 2025 · Frontend Development

New Front‑End Tools: Nuxt MCP Server, Next.js Deployment Boost, and Fresh UI Libraries

This roundup highlights recent front‑end developments, including Nuxt’s open‑source MCP server for native UI rendering, Next.js’s adapter API that simplifies non‑Vercel deployments, Bitrise’s report on soaring React Native usage, plus two new open‑source UI libraries—Wiggle UI and Poopetti.

BitriseNext.jsNuxt
0 likes · 8 min read
New Front‑End Tools: Nuxt MCP Server, Next.js Deployment Boost, and Fresh UI Libraries
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 20, 2025 · Frontend Development

Build a Galactic Hero Section with Three.js: From Starfield to Shaders

This article walks you through creating a visually striking hero section using Three.js, covering prerequisite knowledge, scene composition, nebula background, particle‑based star rings, custom GLSL shaders for animation, planet rendering with displacement maps, and performance‑boosting techniques like anisotropic filtering.

3D graphicsShaderThree.js
0 likes · 19 min read
Build a Galactic Hero Section with Three.js: From Starfield to Shaders
Instant Consumer Technology Team
Instant Consumer Technology Team
Nov 17, 2025 · Frontend Development

How AI and Visual Builders Are Transforming Frontend Efficiency and UX

This edition of the Frontend Tech Weekly explores the convergence of efficiency, intelligence, and experience through case studies on TurboUIBuilder’s native visual page construction, deep Android crash‑attribution optimization, AI‑powered coding agents like Coding and Cursor, multimodal recommendation advances, MCP standards, and a curated selection of open‑source projects.

AIfrontendopen-source
0 likes · 9 min read
How AI and Visual Builders Are Transforming Frontend Efficiency and UX
JavaScript
JavaScript
Nov 17, 2025 · Frontend Development

Why vw and clamp() Are Replacing px/rem for Fluid Layouts

The article explains how modern CSS is shifting from fixed pixel and rem units to viewport‑width (vw) and the clamp() function, offering truly fluid layouts that scale smoothly across any screen size while addressing the boundary issues of vw alone.

CSSResponsive DesignVW
0 likes · 5 min read
Why vw and clamp() Are Replacing px/rem for Fluid Layouts
Code Mala Tang
Code Mala Tang
Nov 16, 2025 · Frontend Development

How to Build a Robust Speech‑to‑Text Feature in React with Tencent ASR

This article walks through the complete front‑end architecture and implementation details for integrating Tencent Cloud speech‑to‑text into a React app, covering token authentication, SDK initialization, event handling, cursor‑aware text insertion, character limits, permission handling, error management, and state management with MobX.

MobXReactTencent Cloud
0 likes · 11 min read
How to Build a Robust Speech‑to‑Text Feature in React with Tencent ASR
Java Captain
Java Captain
Nov 16, 2025 · Fundamentals

Boost Your Code Naming with an AI‑Powered Naming Assistant for Vue and Java

The article shares the author’s struggle with inconsistent naming in front‑end Vue and back‑end Java code and introduces a self‑built AI‑driven naming tool—available as a lightweight web app and an IntelliJ IDEA plugin—that instantly generates clean, convention‑compliant identifiers.

AIBackendIDEA Plugin
0 likes · 5 min read
Boost Your Code Naming with an AI‑Powered Naming Assistant for Vue and Java
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 12, 2025 · Frontend Development

What’s New in enum-plus v3.0? Simplify Enum Initialization and Explore the New Plugin System

enum-plus v3.0 introduces a milestone set of features—including removal of the as const assertion, new enum.named and enum.meta properties, revamped enum.values behavior, additional helper methods, a global configuration API, and a modular plugin ecosystem—while also detailing breaking changes and bug fixes for developers.

LibraryTypeScriptenum
0 likes · 8 min read
What’s New in enum-plus v3.0? Simplify Enum Initialization and Explore the New Plugin System
Instant Consumer Technology Team
Instant Consumer Technology Team
Nov 10, 2025 · Artificial Intelligence

How AI is Transforming Frontend Development: New Tools, Practices, and Insights

This issue of the tech weekly explores the latest breakthroughs where AI meets frontend development, highlighting the launch of the Vike framework, AI-driven code testing and debugging workflows, large-model innovations from major companies, open-source AI CRM and model projects, and practical insights for developers and engineers.

AICode Generationfrontend
0 likes · 8 min read
How AI is Transforming Frontend Development: New Tools, Practices, and Insights
FunTester
FunTester
Nov 10, 2025 · Frontend Development

Why Custom Events Are the Secret to Cleaner Front‑End Code

Custom events let developers decouple UI components by broadcasting semantic actions, offering a flexible alternative to direct calls or global state, and improving maintainability, testability, and performance, with best‑practice naming, payload design, bubbling, and cancelable options explained alongside practical JavaScript examples.

DecouplingEvent-Driven Architecturecustom events
0 likes · 10 min read
Why Custom Events Are the Secret to Cleaner Front‑End Code
FunTester
FunTester
Nov 7, 2025 · Frontend Development

Prevent Memory Leaks and Master Event Handling in JavaScript

This article explains how forgetting to remove event listeners can cause memory leaks, demonstrates proper listener cleanup, addresses closure pitfalls in loops, introduces event delegation, and provides practical debounce, throttle, naming conventions, and debugging techniques for robust frontend development.

DebounceThrottleevent delegation
0 likes · 16 min read
Prevent Memory Leaks and Master Event Handling in JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 4, 2025 · Frontend Development

How React Compiler Ends Four Years of Manual Optimization

This article reviews recent React developments—including the React 19.2 release, new Activity and useEffectEvent APIs, the stable 1.0 release of babel‑plugin‑react‑compiler—and explains how automatic compiler‑based optimizations replace manual memo, useCallback, and useMemo patterns, while also covering KeepAlive challenges and code examples.

KeepaliveReactReact Compiler
0 likes · 9 min read
How React Compiler Ends Four Years of Manual Optimization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 3, 2025 · Frontend Development

Boost Frontend Productivity with These Must‑Use MCP Tools

This article reviews practical Model‑Chat Plugins (MCP) that front‑end developers can integrate into their workflow—covering Figma, Apifox, Context7, and Chrome DevTools MCPs—explaining setup steps, code examples, and how they dramatically improve efficiency and code maintainability.

AI-assisted developmentApifoxChrome DevTools
0 likes · 8 min read
Boost Frontend Productivity with These Must‑Use MCP Tools
Nightwalker Tech
Nightwalker Tech
Nov 3, 2025 · Artificial Intelligence

Boost Your Development with Spec Kit: The AI‑Powered Specification‑Driven Toolkit

Spec Kit is an AI‑native specification‑driven development toolkit that treats structured natural‑language specs as the single source of truth, providing end‑to‑end traceability, AI‑native collaboration, and automated code generation to accelerate project setup, planning, and implementation.

AI programmingAutomationSpecification-Driven Development
0 likes · 12 min read
Boost Your Development with Spec Kit: The AI‑Powered Specification‑Driven Toolkit
Code Mala Tang
Code Mala Tang
Nov 1, 2025 · Frontend Development

Unlock JavaScript’s Static Initialization Blocks: Boost Your Custom Elements

This article explains JavaScript static initialization blocks, shows how they simplify shared resources and custom element setup, provides practical code examples, discusses benefits, browser compatibility issues, and offers guidance on when and how to use them effectively.

JavaScriptWeb Developmentcustom elements
0 likes · 6 min read
Unlock JavaScript’s Static Initialization Blocks: Boost Your Custom Elements
Java Tech Enthusiast
Java Tech Enthusiast
Oct 30, 2025 · Frontend Development

Why Front‑End Development Is Actually Harder Than You Think

The article explores the hidden complexities of front‑end work—ranging from HTML, CSS, and JavaScript to modern frameworks, build tools, TypeScript, and UI polish—while contrasting them with back‑end challenges like concurrency, scaling, and system architecture, revealing why both sides are equally demanding for developers.

BackendSoftware EngineeringWeb Development
0 likes · 6 min read
Why Front‑End Development Is Actually Harder Than You Think
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Oct 30, 2025 · Frontend Development

Why Next.js Is the Go‑To Framework for High‑Performance Modern Web Apps

Next.js, a React‑based frontend framework, combines SPA and MPA advantages through hybrid rendering, offering automatic file‑system routing, flexible SSR/SSG/CSR/ISR strategies, built‑in API routes, image optimization, middleware and edge computing, making it ideal for e‑commerce, CMS, enterprise dashboards and SEO‑critical sites.

ReactSSRfrontend
0 likes · 8 min read
Why Next.js Is the Go‑To Framework for High‑Performance Modern Web Apps
Eric Tech Circle
Eric Tech Circle
Oct 30, 2025 · Frontend Development

How to Slash Mini Program Package Size with Smart Sub‑Package Strategies

This article explains why WeChat Mini Programs hit the 2 MB package limit, analyzes common causes of oversized main bundles, and provides a step‑by‑step guide—including pre‑slimming tactics, subpackage configuration, code examples, and performance tips—to reduce the main package below the limit and improve load speed.

Package SizePerformance OptimizationSubpackage
0 likes · 12 min read
How to Slash Mini Program Package Size with Smart Sub‑Package Strategies
Code Mala Tang
Code Mala Tang
Oct 27, 2025 · Frontend Development

Master Fabric.js: Build Interactive Canvas with Zoom, Snap, and Guides

This article walks through setting up Fabric.js on a web page, creating a canvas, drawing rectangles, adding zoom and pan controls, implementing object snapping and alignment guides, and provides complete source code so readers can quickly build an interactive canvas application.

CanvasFabric.jsJavaScript
0 likes · 21 min read
Master Fabric.js: Build Interactive Canvas with Zoom, Snap, and Guides
JavaScript
JavaScript
Oct 20, 2025 · Frontend Development

How to Detect When Users Leave a Web Page and Send Reliable Data

This article explains various browser scenarios that indicate a user has left a page, compares the Page Visibility API, beforeunload/unload events, navigator.sendBeacon, and pagehide/pageshow handling, and provides practical code examples and recommendations for reliable detection and data reporting.

beforeunloadfrontendpage-visibility
0 likes · 10 min read
How to Detect When Users Leave a Web Page and Send Reliable Data
IT Services Circle
IT Services Circle
Oct 19, 2025 · Frontend Development

How CSS text‑autospace Fixes Chinese‑English Mixed Typography

This article explains how the new CSS text‑autospace property automatically inserts proper spacing between Chinese characters and Latin letters or numbers, improving readability of mixed‑language web content and offering a simple, standards‑based solution with broad browser support.

CJKCSSTypography
0 likes · 5 min read
How CSS text‑autospace Fixes Chinese‑English Mixed Typography
JavaScript
JavaScript
Oct 17, 2025 · Frontend Development

Why IndexedDB Is the Modern Frontend Storage Powerhouse Over localStorage

While localStorage has long been the default client‑side storage for web apps, its security risks, synchronous blocking, limited capacity, and lack of advanced querying make it unsuitable for modern applications, and IndexedDB emerges as a superior, asynchronous, high‑capacity, secure, and query‑rich alternative, especially when paired with helper libraries like idb, Dexie.js, and localForage.

IndexedDBJavaScriptWeb Performance
0 likes · 5 min read
Why IndexedDB Is the Modern Frontend Storage Powerhouse Over localStorage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 16, 2025 · Frontend Development

Build a Powerful, Zero‑Dependency HTTP Library with Abort, Cache, Retry, and SSE Support

This article walks through creating a lightweight, framework‑agnostic HTTP request library that extends fetch with features such as request cancellation, automatic caching, retry logic, concurrent control, progress tracking, and intelligent Server‑Sent Events parsing, complete with TypeScript interfaces, CLI scaffolding, and comprehensive testing.

HTTPLibrarySSE
0 likes · 23 min read
Build a Powerful, Zero‑Dependency HTTP Library with Abort, Cache, Retry, and SSE Support
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 14, 2025 · Frontend Development

Boost Frontend Internationalization 80% Faster with fe-js-utils CLI

This article introduces fe-js-utils, a highly configurable JavaScript CLI tool that automates the extraction of hard‑coded Chinese strings, generates common and module‑specific locale files, intelligently classifies text, and replaces literals, dramatically accelerating internationalization workflows for front‑end projects.

AutomationCLI toolfrontend
0 likes · 23 min read
Boost Frontend Internationalization 80% Faster with fe-js-utils CLI
Instant Consumer Technology Team
Instant Consumer Technology Team
Oct 13, 2025 · Artificial Intelligence

Explore Vue Vapor Mode, Next.js 16, AI‑Native Apps, and Cutting‑Edge Tech Trends

This edition of the tech weekly spotlights the evolution of front‑end frameworks with Vue 3.6’s experimental Vapor Mode and Next.js 16 Beta, delves into Alibaba’s AI‑native application architecture, shares iOS app size‑reduction tactics from Huolala, and highlights open‑source breakthroughs such as JD’s xLLM, Xiaomi’s audio model, and the Sherpa‑onnx speech engine.

AIMobile OptimizationNext.js
0 likes · 6 min read
Explore Vue Vapor Mode, Next.js 16, AI‑Native Apps, and Cutting‑Edge Tech Trends
IT Services Circle
IT Services Circle
Oct 13, 2025 · Frontend Development

React Goes Independent: New Foundation, Compiler 1.0, and React 19.2 Highlights

At React Conf 2025 the team announced the creation of the independent React Foundation under the Linux Foundation, launched the stable React Compiler 1.0 to automate performance optimizations, and released React 19.2 with new APIs and tighter integration, signaling a community‑driven future for the library.

ReactReact 19.2React Compiler
0 likes · 5 min read
React Goes Independent: New Foundation, Compiler 1.0, and React 19.2 Highlights
21CTO
21CTO
Oct 12, 2025 · Frontend Development

Are Native Browser APIs Replacing Front‑End Frameworks?

The article argues that modern browsers now provide powerful native alternatives for routing, state management, and components, reducing the need for frameworks like React, Vue, and Angular, and explains how emerging standards are reshaping front‑end development, performance, and developer ergonomics.

Browser APIsJavaScriptframeworks
0 likes · 11 min read
Are Native Browser APIs Replacing Front‑End Frameworks?
JavaScript
JavaScript
Oct 12, 2025 · Frontend Development

How to Stop Double‑Click Mishaps: Proven Front‑End Strategies

This article explains why buttons are often clicked repeatedly in web apps, outlines common causes such as user habits, network latency, and bugs, and presents several practical front‑end solutions—including disabling the button, using a flag, CSS tricks, and backend idempotency checks—to prevent duplicate submissions and improve user experience.

Debouncebuttondouble-click
0 likes · 7 min read
How to Stop Double‑Click Mishaps: Proven Front‑End Strategies
macrozheng
macrozheng
Oct 10, 2025 · Frontend Development

Master Business Flowchart Design with LogicFlow: A Powerful Open‑Source Front‑End Framework

LogicFlow, an open‑source TypeScript‑based flowchart editor from Didi, offers high customizability, rich interactions, plugin extensions, and a browser‑side execution engine, enabling developers to quickly integrate diverse diagram types—such as flowcharts, mind maps, ER and UML—into business applications, with simple npm installation and comprehensive examples.

FlowchartLogicFlowTypeScript
0 likes · 6 min read
Master Business Flowchart Design with LogicFlow: A Powerful Open‑Source Front‑End Framework
JavaScript
JavaScript
Oct 7, 2025 · Frontend Development

Master Fluid Typography with CSS clamp(): Ditch Media Queries

This article explains why the traditional px unit struggles on varied screens, introduces the CSS clamp() function, and demonstrates how to use it for fluid typography and adaptable layout widths, eliminating complex media queries and achieving smooth, responsive designs across devices.

CSSFluid TypographyResponsive Design
0 likes · 5 min read
Master Fluid Typography with CSS clamp(): Ditch Media Queries
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 7, 2025 · Frontend Development

20 Must-Have VS Code Extensions to Boost Your Productivity

Discover 20 carefully selected VS Code extensions that enhance productivity across coding, reading, project management, and debugging, offering features such as in-editor novel readers, real-time financial trackers, JSON visualizers, workspace color themes, automatic file history, and code spell checking for developers of all levels.

ExtensionsVS Codedevelopment-tools
0 likes · 13 min read
20 Must-Have VS Code Extensions to Boost Your Productivity
JavaScript
JavaScript
Oct 5, 2025 · Frontend Development

How to Auto-Detect Frontend Updates and Prompt Users to Refresh

This article explains why front‑end applications need automatic version detection, compares polling, Server‑Sent Events and WebSockets, and offers practical implementation tips and UX guidelines for prompting users to refresh to the latest release.

PollingSSEUser experience
0 likes · 7 min read
How to Auto-Detect Frontend Updates and Prompt Users to Refresh
JavaScript
JavaScript
Oct 4, 2025 · Frontend Development

Why is the document.domain API Being Deprecated and What to Use Instead?

The article explains the purpose and historical popularity of the document.domain property for cross‑subdomain communication, details its deprecation across major browsers due to security and maintenance concerns, and provides practical migration strategies using postMessage, Channel Messaging API, and proper CORS configuration.

Cross-OriginWeb Securitydeprecation
0 likes · 6 min read
Why is the document.domain API Being Deprecated and What to Use Instead?
Radish, Keep Going!
Radish, Keep Going!
Oct 2, 2025 · Frontend Development

A Snake Game in the URL Bar: What It Shows About Modern Web Security

This article explores how a quirky snake game runs inside a browser’s address bar, the technical tricks behind it, and how recent security and API changes in modern browsers have turned such creative hacks into fragile experiments, highlighting the tension between innovation and safety.

Browser SecurityJavaScriptURL encoding
0 likes · 11 min read
A Snake Game in the URL Bar: What It Shows About Modern Web Security
JavaScript
JavaScript
Sep 30, 2025 · Frontend Development

Why Promise.allSettled Beats Promise.all for Robust Async JavaScript

This article explains the limitations of Promise.all, demonstrates how Promise.allSettled handles both fulfilled and rejected promises without aborting the whole operation, and shows practical code examples for building more resilient JavaScript applications.

AsynchronousJavaScriptPromise
0 likes · 5 min read
Why Promise.allSettled Beats Promise.all for Robust Async JavaScript
JavaScript
JavaScript
Sep 28, 2025 · Frontend Development

Replace px with CSS clamp() for Fluid Responsive Typography

This article explains why the traditional px unit struggles on diverse devices, introduces the CSS clamp() function as a modern alternative, and demonstrates how to create fluid, breakpoint‑free typography and adaptable layouts using simple code examples.

CSSFluid TypographyResponsive Design
0 likes · 4 min read
Replace px with CSS clamp() for Fluid Responsive Typography
JavaScript
JavaScript
Sep 27, 2025 · Frontend Development

Simplify Vue v-model with the New defineModel API in Vue 3.4

This article explains how Vue 3.4's defineModel feature eliminates the boilerplate required for custom v-model implementations, showing side‑by‑side examples of the old three‑line approach and the new single‑line declaration for reusable input components.

JavaScriptV-ModelVue
0 likes · 3 min read
Simplify Vue v-model with the New defineModel API in Vue 3.4
21CTO
21CTO
Sep 26, 2025 · Frontend Development

10 Must‑Have Front‑End Tools to Supercharge Your Web Projects

This article curates ten essential front‑end tools—ranging from component libraries and SVG icon sets to animation kits and specialized React utilities—explaining what each does, why it’s valuable, and the ideal scenarios for their use, helping developers boost productivity and build polished web experiences.

UI componentsWeb Developmentdesign systems
0 likes · 15 min read
10 Must‑Have Front‑End Tools to Supercharge Your Web Projects
大转转FE
大转转FE
Sep 26, 2025 · Artificial Intelligence

How AI Can Supercharge Front‑Back End Integration and Mock Data Generation

This article outlines an AI‑driven workflow that streamlines interface documentation, code generation, and realistic mock data creation, dramatically reducing front‑end and back‑end integration time while improving code consistency, development efficiency, and overall software quality.

AIAPIBackend
0 likes · 12 min read
How AI Can Supercharge Front‑Back End Integration and Mock Data Generation
JavaScript
JavaScript
Sep 24, 2025 · Frontend Development

How to Detect Page Visibility and Safely Handle Unload Events in Modern Web Apps

Understanding when users leave or hide a page is crucial for UX, analytics, and performance; this guide explains the Page Visibility API, beforeunload/unload events, the sendBeacon method, and pagehide/pageshow handling, offering code examples and best‑practice recommendations for reliable detection and data reporting.

Web Performancefrontendpage-visibility
0 likes · 10 min read
How to Detect Page Visibility and Safely Handle Unload Events in Modern Web Apps
JavaScript
JavaScript
Sep 22, 2025 · Information Security

Why Storing JWT in localStorage Is a Security Nightmare and What to Use Instead

This article explains why storing JWT tokens in localStorage is unsafe due to XSS vulnerabilities, compares alternatives like HttpOnly cookies, BFF with cookies, and Service Workers, and offers guidance on choosing the most secure authentication strategy for modern frontend applications.

BFFCSRFXSS
0 likes · 10 min read
Why Storing JWT in localStorage Is a Security Nightmare and What to Use Instead
Goodme Frontend Team
Goodme Frontend Team
Sep 22, 2025 · Frontend Development

Why crossOrigin Breaks HTTP Cache in Canvas: Deep Dive into Browser Cache Keys

An in‑depth exploration reveals how setting the crossOrigin attribute on images prevents strong HTTP caching in Canvas operations, detailing the browser's cache‑key composition, the security implications of Canvas tainting, and practical strategies to standardize requests, configure CORS, and optimize performance.

Canvascrossoriginfrontend
0 likes · 17 min read
Why crossOrigin Breaks HTTP Cache in Canvas: Deep Dive into Browser Cache Keys
大转转FE
大转转FE
Sep 19, 2025 · Frontend Development

Boosting Frontend Development Efficiency with AI: A Real‑World Cursor Case Study

This article details how integrating the AI coding assistant Cursor into a membership‑system frontend project increased development efficiency by 21%, reduced a 188‑hour task to 149 hours, and outlines practical methods for AI‑generated routing, UI‑to‑DOM conversion, mock data creation, code refactoring, and the limits of AI assistance in complex interactions.

AI-assisted developmentCode GenerationComponent Architecture
0 likes · 20 min read
Boosting Frontend Development Efficiency with AI: A Real‑World Cursor Case Study
JavaScript
JavaScript
Sep 18, 2025 · Frontend Development

Why JSON.parse(JSON.stringify) Fails for Deep Cloning and Better Alternatives

This article explains the hidden pitfalls of using JSON.parse(JSON.stringify) for deep cloning in JavaScript—such as circular references, loss of special types, prototype chain erosion, and broken collections—and introduces the native structuredClone API as a more reliable solution.

JSONJavaScriptdeep copy
0 likes · 5 min read
Why JSON.parse(JSON.stringify) Fails for Deep Cloning and Better Alternatives
JavaScript
JavaScript
Sep 17, 2025 · Frontend Development

7 Better Alternatives to setTimeout for Reliable JavaScript Timing

This article examines the shortcomings of the traditional setTimeout API and presents seven more reliable JavaScript timing techniques—including requestAnimationFrame, setInterval, requestIdleCallback, Web Workers, Promise/async‑await, the Web Animations API, and Intersection Observer—each with code examples and key advantages.

AsyncJavaScriptTimers
0 likes · 5 min read
7 Better Alternatives to setTimeout for Reliable JavaScript Timing
大转转FE
大转转FE
Sep 15, 2025 · Frontend Development

Top 5 Frontend Insights: AI Boosts, Performance Hacks, and Future Trends

This edition of the Zhuanzhuan Frontend Weekly curates five insightful articles covering AI‑empowered frontend development, log system performance optimization, multi‑agent planning enhancements, AI‑driven workflow improvements, and an exclusive interview with an OpenAI researcher, offering practical techniques and forward‑looking perspectives.

AI integrationPerformance OptimizationSoftware Engineering
0 likes · 4 min read
Top 5 Frontend Insights: AI Boosts, Performance Hacks, and Future Trends
JavaScript
JavaScript
Sep 14, 2025 · Frontend Development

Why IndexedDB Beats localStorage: Unlock Faster, Safer Browser Storage

This article examines the security, performance, and capacity limitations of localStorage and explains how IndexedDB offers asynchronous operations, larger storage, stronger security, and advanced query capabilities, while also recommending helper libraries to simplify its use.

IndexedDBJavaScriptSecurity
0 likes · 5 min read
Why IndexedDB Beats localStorage: Unlock Faster, Safer Browser Storage
Sohu Tech Products
Sohu Tech Products
Sep 10, 2025 · Frontend Development

Boost Your Vue3 Projects: Essential Tools and Quick Start Guides

Discover how to rapidly launch Vue3 applications using create‑vue, Nuxt, uni‑app, electron‑vite, and essential libraries like Vue Router, Pinia, VueUse, VeeValidate, UnoCSS, and UI frameworks, while also learning debugging, testing, and static site generation techniques for modern frontend development.

ToolingUI componentsVite
0 likes · 15 min read
Boost Your Vue3 Projects: Essential Tools and Quick Start Guides
DeWu Technology
DeWu Technology
Sep 8, 2025 · Frontend Development

How We Cut Log System Size by 70% with Smart Cleanup, Async Loading, and Build Optimizations

This article details how a modern frontend logging system was dramatically improved by implementing intelligent database cleanup, asynchronous module loading, dynamic JSZip imports, log queue throttling, and Rollup build‑time fixes, resulting in a much smaller bundle and smoother user experience.

Rollupasync loadingbundle optimization
0 likes · 13 min read
How We Cut Log System Size by 70% with Smart Cleanup, Async Loading, and Build Optimizations
FunTester
FunTester
Sep 8, 2025 · Frontend Development

How Focus Chain Manages Task Lifecycles with Real‑Time Tracking and Smart Reminders

The article explains Focus Chain’s core workflow for task lifecycle management, detailing task creation, execution, cross‑context persistence, and smart reminder features, and includes the parseCurrentTodoInfo parsing function, the ChecklistRenderer component, configuration protocols, and file‑editing integration, illustrating a comprehensive frontend solution for real‑time task tracking.

AutomationReactTypeScript
0 likes · 10 min read
How Focus Chain Manages Task Lifecycles with Real‑Time Tracking and Smart Reminders
JavaScript
JavaScript
Sep 6, 2025 · Frontend Development

12 Proven Techniques to Eliminate CSS Style Conflicts

This article presents twelve practical methods—including BEM naming, CSS Modules, Shadow DOM, @scope, custom properties, and dynamic generation—to dramatically reduce CSS style collisions and achieve reliable style isolation in modern front‑end projects.

BEMCSSCSS Modules
0 likes · 4 min read
12 Proven Techniques to Eliminate CSS Style Conflicts
Didi Tech
Didi Tech
Sep 4, 2025 · Frontend Development

Boost Front‑End Productivity: Practical AI‑IDE Strategies for Developers

This article explores how AI‑enhanced IDEs can transform front‑end development by streamlining requirement analysis, technical design, UI automation, code refactoring, test generation, and code review, offering concrete prompts, workflow tips, and best practices to dramatically improve efficiency and code quality.

AIAI IDECode Generation
0 likes · 11 min read
Boost Front‑End Productivity: Practical AI‑IDE Strategies for Developers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 4, 2025 · Frontend Development

How to Capture ECharts Charts: html2canvas vs snapdom – A Practical Guide

This article walks through setting up an ECharts combo chart, then compares html2canvas and snapdom for one‑click screenshot and download, covering installation, core code, common pitfalls, performance benchmarks, and scenario‑based selection advice to help developers choose the right tool for reliable chart export.

CompatibilityEChartsfrontend
0 likes · 19 min read
How to Capture ECharts Charts: html2canvas vs snapdom – A Practical Guide
JavaScript
JavaScript
Sep 2, 2025 · Mobile Development

12 Common Mobile Web Issues and How to Fix Them

This guide outlines twelve frequent mobile‑web problems—from 1 px borders and 300 ms click delays to safe‑area padding and image‑loading performance—and provides concise CSS or JavaScript solutions that developers can apply instantly to improve user experience across devices.

Mobile DevelopmentResponsive Designfrontend
0 likes · 5 min read
12 Common Mobile Web Issues and How to Fix Them
Instant Consumer Technology Team
Instant Consumer Technology Team
Sep 1, 2025 · Frontend Development

What’s Hot in Frontend, AI, and Cloud This Week? Top Insights and Tools

This weekly tech roundup highlights Meituan’s dynamic container performance breakthrough, Huawei’s Mate X5 foldable adaptation, ByteDance’s Rspack 1.5 features, AI‑driven automation advances, MQTT and Crush terminal tools, Alibaba Cloud’s AI platform milestones, and practical guides for performance optimization and Chrome extension development.

AIBig DataDevTools
0 likes · 8 min read
What’s Hot in Frontend, AI, and Cloud This Week? Top Insights and Tools
macrozheng
macrozheng
Aug 31, 2025 · Backend Development

Why Using "null" as a Username Breaks Systems and How to Fix It

The article explains the meaning of null in programming, why users registering with "null" can crash backend logic, and offers practical front‑end validation, back‑end safeguards, and logging strategies to prevent such human‑driven edge cases from breaking applications.

BackendNULLedge case
0 likes · 5 min read
Why Using "null" as a Username Breaks Systems and How to Fix It