BestHub
Sign in
Tagged articles

frontend development

790 articles · Page 1 of 8
Java Tech Workshop
Java Tech Workshop
Jul 30, 2026 · Backend Development

Managing Statutory Holidays in Enterprise Attendance with SpringBoot & Vue3

The article explains how to avoid common pitfalls in handling statutory holidays for enterprise attendance systems by building an independent work‑day calendar service, storing daily date types in a database, providing unified SpringBoot APIs for rule evaluation, and offering a Vue3 visual calendar for HR to maintain holidays, adjustments, and custom company holidays.

Holiday CalendarSpringBootVue3
0 likes · 21 min read
Managing Statutory Holidays in Enterprise Attendance with SpringBoot & Vue3
AI Architecture Path
AI Architecture Path
Jul 25, 2026 · Frontend Development

Escape the One‑Size‑Fits‑All AI Webpages: 16.8K‑Star Hallmark Delivers Truly Unique UI

The article dissects why AI‑generated pages often look identical—fixed layouts, gradient backgrounds, and fabricated data—and introduces Hallmark, a 16.8K‑star GitHub skill that randomizes macro structures, enforces 65 design‑quality checks, offers 22 themes and four commands to create, audit, redesign, or study pages, dramatically cutting rework.

AI-generated UIHallmarkdesign audit
0 likes · 14 min read
Escape the One‑Size‑Fits‑All AI Webpages: 16.8K‑Star Hallmark Delivers Truly Unique UI
Java Web Project
Java Web Project
Jul 7, 2026 · Frontend Development

Clone Any Website with One Command Using This Open‑Source AI Tool – Step‑by‑Step Guide

This article walks through how an open‑source AI tool uses a headless browser to fully render a target site and generate a complete Next.js project, compares it with traditional site‑scraping utilities, lists required prerequisites, provides detailed installation and cloning steps, and covers post‑clone modification, deployment, and common issues.

Claude CodeNext.jscursor
0 likes · 9 min read
Clone Any Website with One Command Using This Open‑Source AI Tool – Step‑by‑Step Guide
Baidu Geek Talk
Baidu Geek Talk
Jul 6, 2026 · Artificial Intelligence

Who Guarantees Code Quality as AI Writes Faster? AICR Admission in Cloud‑Storage Frontend

With AI‑generated code now accounting for 55.87% of the 2,000 monthly change requests in the cloud‑storage front‑end team, traditional code review pressure has surged, prompting the team to embed a multi‑agent AICR gate into the CI/CD pipeline that automates context extraction, parallel AI inspections, verification, and feedback while controlling latency and mis‑reports.

AI Code ReviewAICRCI/CD
0 likes · 32 min read
Who Guarantees Code Quality as AI Writes Faster? AICR Admission in Cloud‑Storage Frontend
AI Architecture Path
AI Architecture Path
Jun 30, 2026 · Frontend Development

Why 23K‑Star DESIGN.md Lets AI Agents Create Consistent UI Styles in One Step

The article examines why AI‑generated front‑end code often looks generic, introduces Google Labs' DESIGN.md plain‑text design spec, explains its YAML‑plus‑Markdown structure and nine required modules, showcases tooling, three practical adoption paths, extraction method trade‑offs, CI integration, and common pitfalls, enabling developers to produce professional, brand‑consistent UI with agents like Cursor, Claude Code, and Copilot.

AI UI designClaude CodeGitHub
0 likes · 15 min read
Why 23K‑Star DESIGN.md Lets AI Agents Create Consistent UI Styles in One Step
DaTaobao Tech
DaTaobao Tech
Jun 22, 2026 · Artificial Intelligence

Breaking AI Coding Bottlenecks: How Specflow Agent Separates Deep Analysis from Code Execution

The article dissects why AI‑generated code often fails to boost productivity—highlighting attention‑mechanism limits, context collapse, and mismatched developer workflows—and proposes a Specflow Agent that isolates deep requirement analysis from coding to dramatically cut manual intervention.

AI codingLarge Language ModelsSpecflow
0 likes · 40 min read
Breaking AI Coding Bottlenecks: How Specflow Agent Separates Deep Analysis from Code Execution
Baidu Geek Talk
Baidu Geek Talk
Jun 22, 2026 · Product Management

When Code Gets Cheaper, What Gets More Expensive? AI‑Powered Product Trade‑offs

The author recounts building the Design.md Token Exporter Chrome extension using ChatGPT, Codex, and Gemini, showing how AI lowers coding barriers but forces product teams to confront costly decisions about feature scope, privacy, permissions, and trust, emphasizing disciplined trade‑offs over unchecked ambition.

AIChrome Extensiondesign tokens
0 likes · 13 min read
When Code Gets Cheaper, What Gets More Expensive? AI‑Powered Product Trade‑offs
Su San Talks Tech
Su San Talks Tech
Jun 5, 2026 · Backend Development

A Comprehensive Guide to Java Tech Stack Skills for AI Agents

This guide curates essential AI Agent Skills for the Java ecosystem, covering backend tools like Spring Boot, MyBatis‑Plus, and Redis, frontend frameworks such as Vue and React, installation commands, custom Skill examples, and recommended full‑stack workflows to boost project productivity.

AI Agent SkillsJavaRedis
0 likes · 12 min read
A Comprehensive Guide to Java Tech Stack Skills for AI Agents
IoT Full-Stack Technology
IoT Full-Stack Technology
Jun 1, 2026 · Artificial Intelligence

How Front‑End Developers Can Transition to AI Agent Engineering by 2026: A Complete Guide

This article analyses why front‑end engineers face shrinking opportunities by 2026, explains the rise of AI Agent technology, compares the required skill sets, outlines realistic salary expectations, and provides a step‑by‑step roadmap for a successful career shift into AI Agent development.

AI AgentLLMPrompt Engineering
0 likes · 20 min read
How Front‑End Developers Can Transition to AI Agent Engineering by 2026: A Complete Guide
ZhiKe AI
ZhiKe AI
May 23, 2026 · Artificial Intelligence

Why AI Won’t Follow Your Commands—and How a Simple “Rule” Manual Fixes It

Developers often receive AI‑generated code that ignores their framework, naming, or style preferences, but by creating a concise Rule file (e.g., AGENTS.md) that the assistant reads at startup, they can boost efficiency, enforce consistent standards, and reduce low‑level errors, as shown by recent industry studies.

AGENTS.mdAIPrompt Engineering
0 likes · 11 min read
Why AI Won’t Follow Your Commands—and How a Simple “Rule” Manual Fixes It
Java Tech Enthusiast
Java Tech Enthusiast
May 22, 2026 · Frontend Development

Why Chasing Every New Front‑End Tool Is the Fastest Way to Burn Out

Constantly chasing the latest front‑end frameworks and utilities drains developers and stalls product delivery, so by 2026 the most valuable strategy is to master a stable stack—React 19, Next.js 15, TypeScript, Tailwind CSS v4, and a pragmatic state‑management combo of TanStack Query and Zustand—to build reliable, maintainable applications.

Next.js 15React 19Tailwind CSS
0 likes · 10 min read
Why Chasing Every New Front‑End Tool Is the Fastest Way to Burn Out
AndroidPub
AndroidPub
May 21, 2026 · Frontend Development

Beyond Opus 4.7: How to Hand Over Coding Tasks to AI Instead of Micromanaging

After trying Opus 4.7, the author shows that the old "pair‑programming" style of feeding AI tiny prompts wastes time, and explains a delegation workflow—clear goals, constraints, acceptance criteria, effort levels, permission handling, and verification loops—that lets AI independently deliver reliable web and mobile features.

AI codingPrompt EngineeringVerification Loop
0 likes · 15 min read
Beyond Opus 4.7: How to Hand Over Coding Tasks to AI Instead of Micromanaging
vivo Internet Technology
vivo Internet Technology
May 20, 2026 · Frontend Development

Building a Composable AI Agent Frontend Library with VAPD AgentKit

The article presents VAPD AgentKit, a composable front‑end library that unifies AI agent capabilities for note‑taking, knowledge‑base, and project‑management scenarios by defining a standard message model, a protocol‑agnostic runtime adapter, and a front‑end orchestration layer, and it details the architecture, event flow, tool integration, UI interactions, quick integration steps, business alignment, and future enhancements.

Composable AI AgentsMessage ModelRuntime Adapter
0 likes · 12 min read
Building a Composable AI Agent Frontend Library with VAPD AgentKit
liandk
liandk
May 9, 2026 · Frontend Development

Build a Complete Multi‑Platform E‑Commerce App from Scratch: Full Development Workflow

This tutorial walks you through the entire real‑world e‑commerce development process—from requirement analysis and architecture design to page implementation, feature integration, optimization, and multi‑platform publishing (H5, WeChat mini‑program, and native app) with concrete code examples.

Mini ProgramVuecross-platform
0 likes · 9 min read
Build a Complete Multi‑Platform E‑Commerce App from Scratch: Full Development Workflow
AI Architecture Path
AI Architecture Path
Apr 28, 2026 · Frontend Development

Hyperframes vs Remotion: Write HTML to Auto‑Generate Movie‑Quality Videos with AI

The article introduces Hyperframes, an open‑source video rendering framework that lets developers compose movies using plain HTML and AI agents, compares it with Remotion, and provides step‑by‑step usage, component libraries, and tooling details for low‑threshold, automated video creation.

AI AgentsHTML video renderingRemotion comparison
0 likes · 12 min read
Hyperframes vs Remotion: Write HTML to Auto‑Generate Movie‑Quality Videos with AI
AI Software Product Manager
AI Software Product Manager
Apr 20, 2026 · User Experience Design

Unlock AI-Powered UI/UX Design with UI‑UX Pro Max: Features, Installation & Usage

This article introduces UI UX Pro Max, an AI‑driven design database that supplies UI styles, color palettes, fonts, component suggestions and UX guidelines to coding assistants, outlines its key features, explains how it works, and provides step‑by‑step installation and usage instructions with code examples.

AI‑assisted designInstallation guideUI/UX tool
0 likes · 8 min read
Unlock AI-Powered UI/UX Design with UI‑UX Pro Max: Features, Installation & Usage
AI Open-Source Efficiency Guide
AI Open-Source Efficiency Guide
Mar 26, 2026 · Fundamentals

Boost Your Learning 10×: Master Git, Python, and Java Through Gamified Play

This article introduces three free, open‑source gamified platforms—Oh My Git, CodeCombat, and Codepip—detailing their core features, level designs, and learning outcomes for Git version control, programming languages, and CSS/HTML, and provides a side‑by‑side comparison to help developers, students, and even children choose the best tool.

GitJavaOpen-source tools
0 likes · 8 min read
Boost Your Learning 10×: Master Git, Python, and Java Through Gamified Play
Radish, Keep Going!
Radish, Keep Going!
Mar 19, 2026 · Frontend Development

From Birth to Obsolescence: The 30‑Year Journey of Java Applets

This article chronicles the rise and fall of Java Applets from their 1995 debut, through their golden era and technical limitations, to their eventual removal from browsers and the JDK, and shows how WebAssembly inherits the original vision of high‑performance compiled code in the browser.

AppletBrowserJava
0 likes · 10 min read
From Birth to Obsolescence: The 30‑Year Journey of Java Applets
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 16, 2026 · Frontend Development

Vite+ Launches – A Unified Frontend Development Era Begins

Vite+ has been released as an MIT‑licensed, fully open‑source JavaScript development toolchain that unifies project creation, dependency management, linting, testing, building and monorepo tasks under a single CLI, while remaining compatible with the existing Vite ecosystem.

CLIJavaScriptRust
0 likes · 7 min read
Vite+ Launches – A Unified Frontend Development Era Begins
21CTO
21CTO
Mar 15, 2026 · Backend Development

Why Rust and TypeScript Make a Powerful Development Duo

A JetBrains survey reveals that Rust and JavaScript/TypeScript complement each other across performance, safety, and ecosystem, enabling hybrid WebAssembly‑based architectures that let developers combine Rust's speed with TypeScript's flexibility for modern full‑stack applications.

TypeScriptWebAssemblybackend development
0 likes · 12 min read
Why Rust and TypeScript Make a Powerful Development Duo
DeWu Technology
DeWu Technology
Mar 11, 2026 · Artificial Intelligence

How AI‑Driven Spec Coding Accelerated a Front‑End Project by 36% in 10 Days

In ten days, a team built a 25,000‑line front‑end application using Claude‑based Spec Coding, achieving a 36% productivity boost through a three‑layer specification workflow, detailed data analysis, code‑style enforcement, MCP tooling, and a deep exploration of AI’s capabilities and limits.

AI codingAI productivitySpec Coding
0 likes · 22 min read
How AI‑Driven Spec Coding Accelerated a Front‑End Project by 36% in 10 Days
Open Source Tech Hub
Open Source Tech Hub
Feb 24, 2026 · Frontend Development

How to Build a Static Blog with YiiPress Engine in Minutes

This guide walks you through creating a new YiiPress Engine project, configuring site settings, adding collections, writing posts, setting up navigation, building the site, and previewing it locally with optional build flags.

YiiPressblog setupfrontend development
0 likes · 4 min read
How to Build a Static Blog with YiiPress Engine in Minutes
Node.js Tech Stack
Node.js Tech Stack
Feb 20, 2026 · Frontend Development

Is Frontend Dead Again? Gemini 3.1 Pro’s Leap in Reasoning and Code Generation

Google’s Gemini 3.1 Pro dramatically improves core reasoning scores (77.1% on ARC‑AGI‑2, 80.6% on Swe‑bench) and can generate interactive SVG, complex data‑driven visualizations, and creative‑coding layouts, prompting a reassessment of which front‑end tasks AI can replace and which still require architectural expertise.

AI code generationGemini 3.1 ProGoogle AI
0 likes · 6 min read
Is Frontend Dead Again? Gemini 3.1 Pro’s Leap in Reasoning and Code Generation
Frontend AI Walk
Frontend AI Walk
Feb 9, 2026 · Frontend Development

Advanced AI Coding: Configuring soul.md and memory.md for a Smarter Assistant

The article explains how to create personal AI profile files (soul.md) and project memory logs (memory.md) to eliminate repetitive introductions, improve code suggestions, and speed up debugging for Vue + Vite developers, with concrete before‑after examples, step‑by‑step configuration for Claude Desktop and OpenCode, and measurable productivity gains.

AI assistantPrompt EngineeringVite
0 likes · 21 min read
Advanced AI Coding: Configuring soul.md and memory.md for a Smarter Assistant
Node.js Tech Stack
Node.js Tech Stack
Feb 5, 2026 · Frontend Development

Evan You Reveals Vite 8 Trick That Supercharges Migration Efficiency

Vite 8 introduces a hidden, AI‑friendly .md view for documentation, letting developers fetch clean Markdown by appending “.md” to URLs, which enables tools like Cursor to automatically parse migration guides, reduce copy‑paste errors, and dramatically cut AI hallucinations while delivering faster builds via Rolldown, Oxc, and Lightning CSS.

AI documentationLightning CSSOXC
0 likes · 7 min read
Evan You Reveals Vite 8 Trick That Supercharges Migration Efficiency
SQB Blog
SQB Blog
Feb 4, 2026 · Frontend Development

From Blind AI Coding to Mastery: A Frontend Team’s Journey

This article recounts a frontend team's six‑month evolution with AI coding tools—from initial trial and error to systematic prompt engineering, case‑study implementations, and a disciplined workflow that turns AI into a controllable productivity partner while preserving core engineering skills.

AI codingPrompt Engineeringbest practices
0 likes · 19 min read
From Blind AI Coding to Mastery: A Frontend Team’s Journey
AI Insight Log
AI Insight Log
Jan 30, 2026 · Frontend Development

Three.js Gets AI Skills: Structured Knowledge Boosts 3D Code Generation

The article examines common AI coding failures with Three.js—outdated APIs, math miscalculations, and shader glitches—and introduces the open‑source threejs‑skills repository, which supplies AI agents with best‑practice, performance‑tuned knowledge to dramatically improve 3D development outcomes.

AI codingSkillsThree.js
0 likes · 7 min read
Three.js Gets AI Skills: Structured Knowledge Boosts 3D Code Generation
AI Insight Log
AI Insight Log
Jan 28, 2026 · Frontend Development

Vue Gets Its Own AI Skills – Using a Large‑Model Elimination Contest to Vet Rules

The community‑driven vue‑skills project applies a multi‑model verification process—baseline, skill, and killing‑zone tests using models like Claude 3.5 Sonnet and Claude 3 Haiku—to filter Vue‑specific rules, keeping only high‑entropy, capability‑or‑efficiency insights and syncing them via Skills Hub.

AIMulti-Model VerificationPrompt Engineering
0 likes · 6 min read
Vue Gets Its Own AI Skills – Using a Large‑Model Elimination Contest to Vet Rules
BirdNest Tech Talk
BirdNest Tech Talk
Jan 25, 2026 · Frontend Development

Create Professional Videos with Just a Chat: Remotion AI Skills + Claude Code

This article shows how developers can generate full‑featured tutorial or marketing videos in minutes by combining Remotion’s AI Skills with Claude Code, covering installation, project setup, natural‑language prompts, code generation, customization options, real‑world use cases, and the broader impact on development workflows.

AI video generationClaude CodeRemotion
0 likes · 10 min read
Create Professional Videos with Just a Chat: Remotion AI Skills + Claude Code
Code Mala Tang
Code Mala Tang
Jan 5, 2026 · Frontend Development

Mastering Browser Blobs: Create, Use, and Optimize Blob URLs

This guide explains what a Blob is, how to create it with JavaScript, generate and manage temporary Blob URLs, compare it with Base64 and ArrayBuffer, and apply best‑practice patterns for previewing, downloading, and streaming large files in modern web applications.

BLOBFile APIJavaScript
0 likes · 7 min read
Mastering Browser Blobs: Create, Use, and Optimize Blob URLs
SpringMeng
SpringMeng
Dec 26, 2025 · Frontend Development

How Gemini 3 Enabled a Company to Slash 5 of Its 6 Front‑End Engineers

A small tech firm replaced most of its front‑end staff with Gemini 3, using Claude and Gemini 3 to generate UI code quickly, comparing it with other AI tools and concluding that AI‑assisted development can meet mid‑level client demands while drastically reducing headcount.

AI code generationClaudeGemini 3
0 likes · 5 min read
How Gemini 3 Enabled a Company to Slash 5 of Its 6 Front‑End Engineers
Node.js Tech Stack
Node.js Tech Stack
Dec 23, 2025 · Information Security

Critical Storybook Flaw May Leak API Keys and Database Passwords

Storybook versions 7.0+ can unintentionally bundle the entire .env file into static builds when using process.env patterns, exposing API keys and database passwords to anyone accessing the published site; the advisory lists affected versions, plugin triggers, and recommends immediate upgrade to patched releases and key rotation.

Env VariablesStorybookfrontend development
0 likes · 6 min read
Critical Storybook Flaw May Leak API Keys and Database Passwords
Tencent Tech
Tencent Tech
Dec 22, 2025 · Artificial Intelligence

How QQ Browser Turned AI Chat Into a 23‑Tool Production Line in Two Weeks

In two weeks the QQ Browser team used AI‑driven CodeBuddy to let a non‑coding product manager create a loan‑repayment calculator, then generalized the workflow into a reusable template, added Git‑based versioning, command‑line automation and preview tools, ultimately launching 23 small utilities and boosting efficiency by over 370%.

AIR&Dfrontend development
0 likes · 18 min read
How QQ Browser Turned AI Chat Into a 23‑Tool Production Line in Two Weeks
AI Insight Log
AI Insight Log
Dec 13, 2025 · Frontend Development

Does Cursor Copy Trae? Inside the New Visual Editor Turning IDEs into Full‑Featured Browsers

The article reviews Cursor's new Visual Editor, showing how it embeds a reinforced browser, drag‑and‑drop DOM editing, visual CSS tweaks, and integrated DevTools, then compares these capabilities with Trae's SOLO mode, highlighting strengths, limitations, and the broader ambition to close the front‑end development loop inside the IDE.

AI coding toolsIDETrae
0 likes · 8 min read
Does Cursor Copy Trae? Inside the New Visual Editor Turning IDEs into Full‑Featured Browsers
Frontend AI Walk
Frontend AI Walk
Dec 10, 2025 · Frontend Development

Understanding AI Agent Skills: A Frontend Developer’s Essential Guide

The article explains what AI "Skills" are, how modern AI agents like Cursor, Qcoder, and Antigravity combine abilities and tools to perform file operations, terminal commands, browser interactions, and visual tasks, and demonstrates their use through concrete frontend development scenarios.

AI Agentsautomationbrowser testing
0 likes · 7 min read
Understanding AI Agent Skills: A Frontend Developer’s Essential Guide
JD Tech Talk
JD Tech Talk
Nov 10, 2025 · Artificial Intelligence

Designing an AI-Powered Experiment Analysis Agent: Architecture, Workflow, and Future Enhancements

This article outlines the motivation, design, architecture, engineering implementation, large‑model selection, and future improvement plans for an AI‑driven experiment analysis agent that integrates data aggregation, modular workflow orchestration, and interactive frontend features to streamline AB‑test insights.

AI AgentModel SelectionWorkflow Design
0 likes · 14 min read
Designing an AI-Powered Experiment Analysis Agent: Architecture, Workflow, and Future Enhancements
Goodme Frontend Team
Goodme Frontend Team
Nov 10, 2025 · Frontend Development

Why AI Agents Aren’t Ready to Run Your Front‑End Projects (And How to Use Them Effectively)

The article examines the hype around AI agents, explains why they currently cannot fully take over front‑end development in company projects due to fragmented context, stability demands, and long‑term architectural needs, and offers practical strategies and prompt templates for realistic, productive use.

AI AgentsPrompt Engineeringcode review
0 likes · 19 min read
Why AI Agents Aren’t Ready to Run Your Front‑End Projects (And How to Use Them Effectively)
FunTester
FunTester
Nov 4, 2025 · Frontend Development

Mastering DOM Events: From Basics to Advanced Event Flow

This article explains the fundamentals of DOM events, compares three ways to attach listeners, shows how to add and remove handlers, details event bubbling and capturing phases, and provides practical tips and common pitfalls for robust frontend interaction design.

DOMEvent PropagationJavaScript
0 likes · 8 min read
Mastering DOM Events: From Basics to Advanced Event Flow
JavaScript
JavaScript
Nov 3, 2025 · Frontend Development

Master Fluid Typography with CSS clamp() for Seamless Responsive Design

This article explains how the CSS clamp() function can replace bulky media queries, enabling fluid typography and adaptable layout dimensions that smoothly transition across device sizes without the rigidity of traditional pixel‑based sizing.

CSSFluid Typographyclamp
0 likes · 5 min read
Master Fluid Typography with CSS clamp() for Seamless Responsive Design
大转转FE
大转转FE
Nov 3, 2025 · Artificial Intelligence

Must‑Read AI & Frontend Highlights: Voice Agents, Multi‑Agent Tips, AI Coding & Rspack 1.6

This newsletter curates five insightful articles covering voice agent applications in games and insurance, ten practical tips for building multi‑agent systems with context engineering, a deep dive into AI‑assisted coding from theory to practice, high‑accuracy AI coding workflow design, and the release of Rspack 1.6 for smaller, cleaner build artifacts.

AIAI codingMulti-agent
0 likes · 4 min read
Must‑Read AI & Frontend Highlights: Voice Agents, Multi‑Agent Tips, AI Coding & Rspack 1.6
JavaScript
JavaScript
Nov 1, 2025 · Frontend Development

Why Vue 3’s Composition API Beats Mixins: Benefits and Migration Guide

The article explains how Vue 3’s Composition API resolves the naming conflicts, hidden dependencies, and reusability limits of Vue 2 mixins, showcases practical code examples, and describes a real‑world fintech migration that makes component logic clearer and more maintainable.

Code RefactoringComposition APITypeScript
0 likes · 6 min read
Why Vue 3’s Composition API Beats Mixins: Benefits and Migration Guide
Code Mala Tang
Code Mala Tang
Nov 1, 2025 · Frontend Development

Unlock Conditional Styling with CSS if(): A Game‑Changer for Frontend Development

The new CSS if() function, now in Chrome 137, lets developers embed conditional logic directly in style sheets, eliminating JavaScript toggles, preprocessors, and complex media queries, and offering three powerful capabilities—style queries, media queries, and feature detection—along with real‑world examples, current browser support, and future extensions.

CSSConditional Stylingfrontend development
0 likes · 7 min read
Unlock Conditional Styling with CSS if(): A Game‑Changer for Frontend Development
JavaScript
JavaScript
Oct 26, 2025 · Frontend Development

When to Choose SSE Over WebSocket? A Lightweight Real‑Time Solution

While WebSocket is the go‑to for full‑duplex real‑time apps, many scenarios only need one‑way server pushes, making Server‑Sent Events a simpler, lower‑overhead alternative that works with standard HTTP, offers automatic reconnection, and reduces complexity for dashboards, notifications, and live updates.

Real‑time communicationSSEfrontend development
0 likes · 7 min read
When to Choose SSE Over WebSocket? A Lightweight Real‑Time Solution
Tencent Cloud Developer
Tencent Cloud Developer
Oct 24, 2025 · Fundamentals

What Do Veteran Developers Reveal About Coding, AI, and Career Crises?

In a series of candid interviews, dozens of seasoned programmers share their career paths, current tech stacks, favorite AI tools, moments of professional crisis, and personal philosophies, offering valuable insights for anyone navigating the fast‑changing world of software development.

AI toolscareer advicefrontend development
0 likes · 35 min read
What Do Veteran Developers Reveal About Coding, AI, and Career Crises?
Wuming AI
Wuming AI
Oct 23, 2025 · Artificial Intelligence

How I Built a Hand‑Counting Calculator in 5 Minutes with WeaveFox AI

In just five minutes, I used the WeaveFox AI coding platform to recreate a quirky "hand‑counting" calculator by prompting natural language, iterating through form‑based tech‑stack selection, and letting multiple AI agents generate, refine, and deploy the full front‑end application.

AI codingPrompt EngineeringWeaveFox
0 likes · 7 min read
How I Built a Hand‑Counting Calculator in 5 Minutes with WeaveFox AI
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Oct 20, 2025 · Frontend Development

A Historic Breakthrough in Chinese Front‑End Typography with CSS text‑autospace

The article explains how the new CSS text‑autospace property finally resolves the long‑standing issue of awkward spacing between Chinese characters and Latin letters or numbers, offering a standards‑based solution that works across modern browsers and simplifies front‑end development.

CSSChinese typographyfrontend development
0 likes · 5 min read
A Historic Breakthrough in Chinese Front‑End Typography with CSS text‑autospace
Code Mala Tang
Code Mala Tang
Oct 6, 2025 · Frontend Development

Why the ‘use client’ Directive Is a Game‑Changer for React Apps

This article explains how the ‘use client’ directive in Next.js 13 transforms component rendering by separating server and client code, enabling fine‑grained performance optimizations, clearer architecture, and a new full‑stack development model for modern React applications.

Next.jsReActServer Components
0 likes · 17 min read
Why the ‘use client’ Directive Is a Game‑Changer for React Apps
Xiaolong Cloud Tech Team
Xiaolong Cloud Tech Team
Sep 30, 2025 · Frontend Development

Chrome’s New DevTools MCP Lets AI Debug Front‑End, Doubling Efficiency

Chrome’s newly released DevTools MCP server opens a Model Context Protocol that lets AI tools access real browser state, enabling them to verify fixes, troubleshoot errors, automate interactions, and diagnose performance, effectively turning AI from a code‑writer into a hands‑on debugging partner.

AI debuggingChrome DevToolsMCP protocol
0 likes · 4 min read
Chrome’s New DevTools MCP Lets AI Debug Front‑End, Doubling Efficiency
DeWu Technology
DeWu Technology
Sep 22, 2025 · Frontend Development

How to Build a Chrome Mock Extension with Manifest V3 for API Interception

This article walks through the design and implementation of a Chrome extension that mocks API responses by intercepting network requests using Manifest V3, covering architecture differences, core configuration, request‑blocking techniques, script injection, project structure, rule creation, whitelist management, and future enhancements.

API mockingBrowser extensionChrome Extension
0 likes · 10 min read
How to Build a Chrome Mock Extension with Manifest V3 for API Interception
Tencent Technical Engineering
Tencent Technical Engineering
Sep 19, 2025 · R&D Management

How to Keep Open‑Source Projects Alive: Proven Strategies for Sustainable Development

Discover practical insights from a front‑end maintainer on extending the lifespan of open‑source projects, covering community engagement, decisive leadership, progressive migration, trade‑off handling, documentation, contributor recognition, and product‑like management to prevent project death and foster sustainable growth.

Project Maintenancecommunityfrontend development
0 likes · 23 min read
How to Keep Open‑Source Projects Alive: Proven Strategies for Sustainable Development
Ubiquitous Tech
Ubiquitous Tech
Sep 13, 2025 · Frontend Development

VibeCoding Practice 1: Creating a Resume Generator with ByteDance’s Trae IDE

This article walks through VibeCoding’s immersive AI‑driven workflow, showing how to craft detailed prompts, use ByteDance’s Trae IDE to iteratively generate and refine a two‑page HTML/CSS/JS resume web page, add PDF export, dynamic sections, and achieve a polished final product.

AI-assisted codingResume generatorTrae IDE
0 likes · 15 min read
VibeCoding Practice 1: Creating a Resume Generator with ByteDance’s Trae IDE
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 10, 2025 · Frontend Development

Boost Development Efficiency with Vibe Coding: Practical Tips and Real‑World Examples

The article examines Vibe Coding—a high‑frequency AI‑driven coding workflow—detailing when it fits personal or enterprise projects, how to choose strong models, craft effective prompts, manage context, use Agent mode, enforce standards, and review AI‑generated code to turn potential technical debt into a productivity asset.

AI code generationNext.jsPrompt Engineering
0 likes · 12 min read
Boost Development Efficiency with Vibe Coding: Practical Tips and Real‑World Examples
DaTaobao Tech
DaTaobao Tech
Sep 10, 2025 · Frontend Development

How AI Cut Front‑End Development Time by 60% in Alibaba’s Giraffe Search

This article details how the author transformed a constrained Weex/Muise front‑end project for the “giraffe” search page into an AI‑driven workflow, building a structured knowledge base, defining project‑level rules, and using RAG techniques to accelerate component, tracking, and payment integration, ultimately reducing development time by 60% and proposing a new “AI programming as context engineering” paradigm.

AIMuiseProductivity
0 likes · 14 min read
How AI Cut Front‑End Development Time by 60% in Alibaba’s Giraffe Search
Sohu Smart Platform Tech Team
Sohu Smart Platform Tech Team
Sep 10, 2025 · Artificial Intelligence

How the Model Context Protocol (MCP) Bridges AI and Design Data

This article explains the Model Context Protocol (MCP) as an open standard for secure AI‑tool interaction, details its client‑server architecture, showcases a Figma‑focused MCP implementation with code examples, and discusses data simplification, transformers, and image handling that enable AI assistants to generate accurate front‑end code from design files.

AI integrationFigma dataMCP
0 likes · 15 min read
How the Model Context Protocol (MCP) Bridges AI and Design Data
Top Architect
Top Architect
Sep 3, 2025 · Information Security

Why Same‑Origin Policy Matters: Mastering CORS and Preflight Requests

This article explains the same‑origin policy, why browsers enforce it, how CORS works—including simple requests, preflight OPTIONS checks, required headers, and credential handling—while providing practical examples and a complete request‑flow diagram for secure web development.

CORSPreflight RequestSame-Origin Policy
0 likes · 17 min read
Why Same‑Origin Policy Matters: Mastering CORS and Preflight Requests
JavaScript
JavaScript
Sep 3, 2025 · Frontend Development

16 Essential JavaScript Shorthand Tricks to Write Cleaner Code

This article presents sixteen of the most useful JavaScript shorthand techniques—from ternary operators and optional chaining to object merging and dynamic property names—showing traditional versus concise forms so developers can write more compact, readable code and boost productivity.

JavaScriptcode tricksfrontend development
0 likes · 4 min read
16 Essential JavaScript Shorthand Tricks to Write Cleaner Code
FunTester
FunTester
Aug 24, 2025 · Frontend Development

How to Build a Powerful Chrome Tab Manager Extension with FunTester

This article details the design and implementation of FunTester, a Chrome extension that provides a sidebar for comprehensive tab management, including domain grouping, theme switching, tab actions, custom right‑click menus, dynamic icons, and real‑time status updates, all illustrated with JavaScript code examples.

Chrome ExtensionContext MenuJavaScript
0 likes · 10 min read
How to Build a Powerful Chrome Tab Manager Extension with FunTester
Code Mala Tang
Code Mala Tang
Aug 24, 2025 · Frontend Development

How to Escape Dependency Upgrade Hell: Proven Strategies for Modern Frontend Projects

This article explains why dependency updates often become a painful, recurring task, introduces Dependabot for automated upgrades, and offers three practical design strategies—reducing entanglement, choosing upgrade‑friendly libraries, and minimizing dependency impact—to keep frontend projects healthy and avoid upgrade hell.

DependabotDependency Managementfrontend development
0 likes · 7 min read
How to Escape Dependency Upgrade Hell: Proven Strategies for Modern Frontend Projects
DeWu Technology
DeWu Technology
Aug 18, 2025 · Frontend Development

Building a High‑Performance Custom Knowledge Base with TinyMCE

This article details the design and implementation of a self‑built customer service knowledge base, covering background needs, the selection of TinyMCE as the rich‑text editor, system architecture, solutions for image migration, lazy loading, template thumbnails, global find/replace, and RAG‑based intelligent Q&A.

Image Lazy LoadingTinyMCEfrontend development
0 likes · 12 min read
Building a High‑Performance Custom Knowledge Base with TinyMCE
ITPUB
ITPUB
Aug 17, 2025 · Backend Development

Which Web Framework Fits Your Project? A 12‑Minute Tour of 30+ Popular Choices

This article provides a concise overview of more than thirty web frameworks—ranging from Ruby on Rails and ASP.NET to React, Vue, and Flutter—explaining their primary languages, architectural patterns, typical use cases, and notable examples to help developers quickly identify the right tool for their needs.

APIMVCWeb Frameworks
0 likes · 14 min read
Which Web Framework Fits Your Project? A 12‑Minute Tour of 30+ Popular Choices
Tencent Technical Engineering
Tencent Technical Engineering
Aug 4, 2025 · Frontend Development

How to Build an AI-Powered Fragrance Recommendation Mini‑Program with Zero Coding

This article walks through the complete process of creating a WeChat mini‑program that uses large‑language‑model chat to recommend personalized fragrances, covering idea generation, tool selection, prompt design, AI‑assisted debugging, UI/UX refinement, mini‑store integration, and final publishing steps.

AI recommendationLow-Code DevelopmentWeChat mini program
0 likes · 26 min read
How to Build an AI-Powered Fragrance Recommendation Mini‑Program with Zero Coding
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 1, 2025 · Frontend Development

ECharts 6.0 Released: A Complete Visual and Functional Overhaul

Version 6.0 of the open‑source ECharts library introduces a sweeping visual redesign, dynamic theme switching, intelligent scatter jitter, new chord diagrams, axis breakpoints, matrix coordinate systems, label overflow protection, upgraded mark layers, and stronger custom series, making both new and existing projects more powerful and easier to develop.

Chart LibraryEChartsJavaScript
0 likes · 7 min read
ECharts 6.0 Released: A Complete Visual and Functional Overhaul
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 20, 2025 · Frontend Development

Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3

Learn how to quickly set up a material management table using the AirPower-Web library with TypeScript, Vue3, and ElementPlus, covering package installation, entity and service definitions, component integration, customization options, and handling varied backend interfaces, all illustrated with code snippets and diagrams.

AirPower-WebElementPlusTypeScript
0 likes · 9 min read
Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3
JavaScript
JavaScript
Jul 18, 2025 · Frontend Development

Why Does async/await Appear to Block Page Rendering? The Real Reason Explained

This article explains why using async/await inside a loop can make a page seem frozen, clarifies that await itself does not block the main thread, and shows how to replace serial awaits with Promise.all and other concurrency tools for truly non‑blocking UI updates.

Async/AwaitJavaScriptPromise
0 likes · 8 min read
Why Does async/await Appear to Block Page Rendering? The Real Reason Explained
JavaScript
JavaScript
Jul 11, 2025 · Frontend Development

Make JavaScript Polling Smarter: From setInterval to Adaptive Strategies

This article examines the inefficiencies of traditional setInterval polling and presents three intelligent alternatives—using recursive setTimeout, applying exponential backoff, and leveraging the Page Visibility API—while providing code samples and highlighting their benefits over naive polling.

JavaScriptPage Visibility APIPolling
0 likes · 6 min read
Make JavaScript Polling Smarter: From setInterval to Adaptive Strategies
FunTester
FunTester
Jul 5, 2025 · Operations

Essential Fault‑Testing Resources: Guides, Tools, and Articles for 2025

This curated collection gathers the most valuable fault‑testing, Byteman, Chrome Extension, and frontend development articles from 2024‑2025, providing concise titles, direct links, and publication dates to help engineers quickly locate essential technical knowledge.

BytemanChrome Extensionfault testing
0 likes · 6 min read
Essential Fault‑Testing Resources: Guides, Tools, and Articles for 2025
JavaScript
JavaScript
Jul 4, 2025 · Frontend Development

Boost JavaScript Array Performance: Avoid Common Pitfalls and Optimize Loops

Learn how typical JavaScript array methods like map, filter, and reduce can cause hidden performance bottlenecks on large datasets, and discover practical optimizations—single-pass loops, avoiding unshift/shift, and using Set or Map for fast lookups—to keep your UI responsive.

Array PerformanceJavaScriptfrontend development
0 likes · 7 min read
Boost JavaScript Array Performance: Avoid Common Pitfalls and Optimize Loops
AI Software Product Manager
AI Software Product Manager
Jun 26, 2025 · Frontend Development

How to Create a Sticky Navigation Bar That Stays Fixed While Scrolling

This guide explains how to make a website’s top navigation bar stay fixed at the screen’s upper edge during scrolling by converting it into a dynamic panel, using the “Fix to Browser” option, setting precise offsets, and applying the same technique to other fixed‑position buttons such as back‑to‑top links.

dynamic panelfixed positionfrontend development
0 likes · 3 min read
How to Create a Sticky Navigation Bar That Stays Fixed While Scrolling
Sohu Tech Products
Sohu Tech Products
Jun 11, 2025 · Frontend Development

Why WebSocket Is the Secret Weapon for Real‑Time Web Apps

This article explains how WebSocket enables low‑latency, bidirectional communication for AI‑driven real‑time applications, covering its protocol basics, advantages, heartbeat mechanism, connection management challenges, security enhancements, and emerging trends such as WebTransport and integration with modern frameworks.

HeartbeatReal‑time communicationfrontend development
0 likes · 6 min read
Why WebSocket Is the Secret Weapon for Real‑Time Web Apps
Code Mala Tang
Code Mala Tang
Jun 10, 2025 · Frontend Development

7 Powerful Ways to Compare JavaScript Arrays (Including Deep Equality)

This guide explains eight practical techniques—from strict reference checks to deep recursive comparisons and Lodash utilities—for accurately comparing JavaScript arrays, handling simple values, nested structures, unordered elements, and finding differences or common items.

JavaScriptarray comparisondeep equality
0 likes · 7 min read
7 Powerful Ways to Compare JavaScript Arrays (Including Deep Equality)
Selected Java Interview Questions
Selected Java Interview Questions
Jun 6, 2025 · Frontend Development

How to Solve Cross-Origin Issues: CORS, JSONP, Nginx Proxy & More

This article explains why browsers enforce the Same‑Origin Policy, illustrates common CORS errors, and provides practical solutions—including CORS headers, JSONP, Nginx reverse proxy, API gateways, WebSocket, and postMessage—along with code examples and best‑practice tips for both development and production environments.

CORSCross-OriginJSONP
0 likes · 9 min read
How to Solve Cross-Origin Issues: CORS, JSONP, Nginx Proxy & More
phodal
phodal
May 27, 2025 · Industry Insights

Surviving the AI Code Dump: 7 Practical Strategies from AutoDev Workbench

This article shares the seven practical practices discovered while building AutoDev Workbench, detailing how AI‑assisted demand analysis, rapid UI prototyping, adaptive front‑end generation, focused refactoring, precise context feeding, automated testing, and lint‑type safeguards can turn chaotic AI‑generated code into a scalable, maintainable development workflow.

AI programmingCI/CDPrompt Engineering
0 likes · 14 min read
Surviving the AI Code Dump: 7 Practical Strategies from AutoDev Workbench
Architect
Architect
May 22, 2025 · Backend Development

How to Build Real‑Time Device Monitoring with WebSocket and Spring Boot

This article demonstrates how to implement a real‑time device‑monitoring system using WebSocket, covering the problem scenario, front‑end Vue.js visualization, Spring Boot back‑end configuration, WebSocket server setup, and step‑by‑step testing to achieve instant status updates.

JavaReal‑time MonitoringSpring Boot
0 likes · 11 min read
How to Build Real‑Time Device Monitoring with WebSocket and Spring Boot
Aotu Lab
Aotu Lab
May 16, 2025 · Frontend Development

How Taro’s New C‑API Empowers Native‑Level HarmonyOS Development

Taro For Harmony’s open‑source C‑API release upgrades the framework to fully support pure HarmonyOS, delivering richer style adaptation, higher rendering performance, comprehensive component coverage, and a web‑style development experience that rivals native ArkTS apps.

C APIHarmonyOSTaRO
0 likes · 9 min read
How Taro’s New C‑API Empowers Native‑Level HarmonyOS Development
JavaScript
JavaScript
May 12, 2025 · Frontend Development

Why Vue 3 Discourages Mixins and How Composition API Solves Their Problems

The article explains why Vue 3 no longer recommends the Mixins pattern, outlines its drawbacks such as naming conflicts and unclear data origins, and demonstrates how the Composition API provides a clearer, more maintainable alternative for reusable logic.

Composition APIJavaScriptTypeScript
0 likes · 5 min read
Why Vue 3 Discourages Mixins and How Composition API Solves Their Problems
Frontend AI Walk
Frontend AI Walk
May 7, 2025 · Artificial Intelligence

How Cursor AI Coding Tool Transforms Development Workflow

The article introduces Cursor, an AI‑powered coding assistant, outlines its supported large models, demonstrates practical front‑end use cases such as automatic layout creation, button logic, screenshot‑to‑code generation, error fixing and code cleanup, and reflects on prompt engineering and tool selection.

AI coding assistantLarge Language ModelsPrompt Engineering
0 likes · 6 min read
How Cursor AI Coding Tool Transforms Development Workflow
JavaScript
JavaScript
May 4, 2025 · Frontend Development

Master Cleaner Conditional Logic in JavaScript: 10 Powerful Alternatives

This article examines the drawbacks of traditional if/else and switch statements in JavaScript and presents ten concise, maintainable, and performant alternatives—including ternary operators, short‑circuit evaluation, object and Map lookups, function mapping, strategy pattern, optional chaining, nullish coalescing, and logical grouping—while providing code examples, pros and cons, and a performance comparison.

Conditional LogicJavaScriptfrontend development
0 likes · 11 min read
Master Cleaner Conditional Logic in JavaScript: 10 Powerful Alternatives
FunTester
FunTester
Apr 26, 2025 · Operations

Curated List of Technical Articles on Fault Testing, Byteman, and Chrome Extension Development

This collection gathers recent technical articles covering fault testing fundamentals, Byteman usage guides, and Chrome extension development tutorials, providing developers with practical insights, best practices, and hands‑on examples to improve system reliability, testing strategies, and front‑end extension capabilities.

BytemanChrome Extensionfault testing
0 likes · 4 min read
Curated List of Technical Articles on Fault Testing, Byteman, and Chrome Extension Development
Java Captain
Java Captain
Apr 23, 2025 · Frontend Development

Commonly Confusing Tailwind CSS Atomic Classes and Their Usage

This article compiles and explains a set of Tailwind CSS utility classes that often cause confusion—covering dimensions, typography, spacing, truncation, background handling, shadows, transform origins, pseudo‑classes and pseudo‑elements—while providing code examples and plugin recommendations for efficient frontend development.

CSSTailwind CSSUtility Classes
0 likes · 7 min read
Commonly Confusing Tailwind CSS Atomic Classes and Their Usage
Eric Tech Circle
Eric Tech Circle
Apr 20, 2025 · Artificial Intelligence

Boost Your Coding Efficiency: Install and Master JetBrains Junie in IDEA 2025

This guide walks you through uninstalling previous IntelliJ IDEA versions, installing the JetBrains Junie AI coding assistant on IDEA 2025.1, configuring the plugin, exploring its advanced features, and applying it to real front‑end and back‑end projects, while also covering pricing and usage tips.

AI coding assistantIDEAInstallation guide
0 likes · 10 min read
Boost Your Coding Efficiency: Install and Master JetBrains Junie in IDEA 2025