BestHub
Sign in
Tagged articles

frontend

3211 articles · Page 2 of 33
Java Architect Handbook
Java Architect Handbook
Mar 27, 2026 · Frontend Development

Mastering CORS: In‑Depth Java Interview Guide for Cross‑Origin Solutions

This comprehensive guide explains the browser same‑origin policy, why cross‑origin restrictions exist, and walks through five major solutions—CORS, proxy servers, JSONP, postMessage, and WebSocket—detailing their principles, advantages, drawbacks, configuration examples, and best‑practice recommendations for interview scenarios.

CORSCross-OriginJava
0 likes · 16 min read
Mastering CORS: In‑Depth Java Interview Guide for Cross‑Origin Solutions
Coder Trainee
Coder Trainee
Mar 25, 2026 · Frontend Development

Step-by-Step Docsify Tutorial: Build a Dynamic Documentation Site

This guide introduces Docsify, outlines its key advantages, walks through installing the docsify‑cli, setting up a project, configuring index.html, cover page, navbar and sidebar files, and shows how to serve the site locally.

ConfigurationDocsifydocumentation
0 likes · 4 min read
Step-by-Step Docsify Tutorial: Build a Dynamic Documentation Site
Coder Trainee
Coder Trainee
Mar 23, 2026 · Frontend Development

Build a Simple HTML/CSS Image Carousel from Scratch

The article walks through creating a basic image carousel using native HTML5, CSS positioning, and a minimal markup structure, explaining each step and providing code snippets while noting that JavaScript navigation still needs to be added.

CSSCarouselHTML
0 likes · 4 min read
Build a Simple HTML/CSS Image Carousel from Scratch
AutoHome Frontend
AutoHome Frontend
Mar 22, 2026 · Frontend Development

Can a Browser‑Only Video Editor Rival Desktop NLEs? Inside Tooscut’s WebGPU Stack

Tooscut is a fully browser‑based professional video editor that leverages React 19, TanStack Start, a Rust‑compiled WebAssembly rendering engine, and WebGPU acceleration, allowing multi‑track timelines, keyframe animation, and real‑time filters without uploading files, illustrating how modern web technologies can approach native performance while keeping data local.

Browser Video EditingReActRust
0 likes · 5 min read
Can a Browser‑Only Video Editor Rival Desktop NLEs? Inside Tooscut’s WebGPU Stack
AndroidPub
AndroidPub
Mar 19, 2026 · Frontend Development

How to Turn a Brilliant App Idea into a Live Product in 5 Free-Tool Steps

This guide walks developers through a five-step, zero‑cost workflow—using AI‑driven design, code generation, backend integration, Git versioning, and Vercel deployment—to transform a concept into a functional web or mobile app without extensive coding expertise.

AI developmentGitHubVercel
0 likes · 8 min read
How to Turn a Brilliant App Idea into a Live Product in 5 Free-Tool Steps
Code Wrench
Code Wrench
Mar 17, 2026 · Backend Development

How to Elegantly Extend 1Panel: Three Proven Paths for Custom Development

This guide explains three practical approaches to extend the open‑source 1Panel platform—using the app store for custom apps, adding backend modules with Go, or modifying the Vue front‑end—while emphasizing non‑intrusive development to avoid upgrade conflicts.

1PanelDockerVue
0 likes · 8 min read
How to Elegantly Extend 1Panel: Three Proven Paths for Custom Development
DeWu Technology
DeWu Technology
Mar 16, 2026 · Frontend Development

Boosting Frontend Code Review with AI: From Manual CR to Automated Cursor Agent

This article outlines the challenges of manual frontend code review, compares AI-powered CR solutions, details a pipeline integration using Cursor Agent CLI, and provides practical guidelines, model selection tips, and built‑in prompt engineering to automate and improve code quality checks.

AI Code ReviewCI integrationCursor Agent
0 likes · 12 min read
Boosting Frontend Code Review with AI: From Manual CR to Automated Cursor Agent
Bilibili Tech
Bilibili Tech
Mar 12, 2026 · Frontend Development

Turning Canvas Snapshots into Real Video Cards with ProseMirror

This article recounts Bilibili’s evolution from using Canvas‑based screenshot tricks to render video cards in the Quill editor to adopting ProseMirror with Tiptap, detailing the technical debt, the new schema and NodeView architecture, performance optimizations, batch link validation, and strategies for backward compatibility and real‑time interactive components.

ProseMirrorfrontendperformance
0 likes · 17 min read
Turning Canvas Snapshots into Real Video Cards with ProseMirror
DeepNoMind
DeepNoMind
Mar 8, 2026 · Industry Insights

Avoid These 7 Time‑Wasting Tech Traps: A 2026 Developer Skill Upgrade Guide

Many junior developers waste precious time on marginal or outdated technologies; this article identifies seven common learning traps, explains why they hinder career growth, and provides a high‑leverage skill checklist for 2026 that emphasizes modern JavaScript, cloud‑native fundamentals, AI‑assisted workflows, and core engineering fundamentals.

AIbackendcareer-development
0 likes · 12 min read
Avoid These 7 Time‑Wasting Tech Traps: A 2026 Developer Skill Upgrade Guide
21CTO
21CTO
Feb 26, 2026 · Frontend Development

jQuery 4.0 Unveiled: New Features, Modern Architecture, and Upgrade Guide

On February 24, 2026, jQuery celebrated its 20th anniversary with the release of version 4.0, a major overhaul that streamlines the library, adopts ES modules, drops legacy browser support, improves security, and offers a lightweight, migration‑friendly upgrade path for developers.

ES ModulesJavaScriptLibrary
0 likes · 7 min read
jQuery 4.0 Unveiled: New Features, Modern Architecture, and Upgrade Guide
vivo Internet Technology
vivo Internet Technology
Feb 25, 2026 · Frontend Development

How We Built a Multi‑Region H5 Platform with One Codebase and 90% Cost Savings

This article details the design and implementation of a multi‑region H5 platform that uses a single codebase and unified architecture, covering platform UI internationalisation, unified login, three‑layer region storage, environment‑aware configuration, ZooKeeper service discovery, region‑specific DLL builds, and npm private‑registry strategies to achieve seamless deployment across multiple data centres while cutting development effort by up to ninety percent.

Vuedeploymentfrontend
0 likes · 21 min read
How We Built a Multi‑Region H5 Platform with One Codebase and 90% Cost Savings
Su San Talks Tech
Su San Talks Tech
Feb 19, 2026 · Frontend Development

Boost Front‑End Productivity: Turn ASCII Sketches into Code with AI

By leveraging AI’s ability to parse structured ASCII sketches, developers can replace ambiguous natural‑language UI descriptions with precise visual blueprints, rapidly generate front‑end code for dashboards, iterate layouts, and fine‑tune components, while understanding the method’s benefits, workflow, and limitations.

AI code generationDashboardPrompt Engineering
0 likes · 10 min read
Boost Front‑End Productivity: Turn ASCII Sketches into Code with AI
Code Mala Tang
Code Mala Tang
Feb 19, 2026 · Frontend Development

When AI Becomes a Junior Engineer: Real Front‑End Gains and Limits

AI is not the future of engineering but a tireless junior engineer that can speed up repetitive tasks, mechanical refactoring, and test scaffolding, while still failing at architectural decisions, performance reasoning, and async concurrency, so senior developers must guide and verify its output.

AIRefactoringfrontend
0 likes · 10 min read
When AI Becomes a Junior Engineer: Real Front‑End Gains and Limits
Node.js Tech Stack
Node.js Tech Stack
Feb 14, 2026 · Frontend Development

Bridging the AI Code Quality Gap: 3 Essential Front-End Skills

While AI tools like Cursor generate code faster than ever, the resulting quality varies widely; by equipping AI with the frontend-design skill, the react-best-practices (or antfu/skills) bundle, and a professional 28‑inch 4K monitor such as the BenQ RD280U, front‑end developers can ensure high‑design UI, robust engineering practices, and sustained visual comfort.

AI code generationbest practicesdesign skills
0 likes · 14 min read
Bridging the AI Code Quality Gap: 3 Essential Front-End Skills
Coder Trainee
Coder Trainee
Feb 12, 2026 · Frontend Development

Comprehensive Guide to Building Docsify Documentation Sites

This tutorial walks through installing Docsify, initializing a project, configuring index.html, coverpage, navbar and sidebar files, and serving the documentation site locally, providing step‑by‑step commands, code snippets, and screenshots for a complete Docsify setup.

DocsifyNode.jsdocumentation
0 likes · 5 min read
Comprehensive Guide to Building Docsify Documentation Sites
Qunar Tech Salon
Qunar Tech Salon
Feb 10, 2026 · Frontend Development

How AI + Rule Engines Revolutionize Frontend Code Generation for Complex C‑End Apps

This article examines the challenges of pixel‑perfect UI reconstruction and semantic code generation for consumer‑facing front‑end projects, and presents a hybrid rule‑algorithm and large‑language‑model architecture that streamlines design‑to‑code (D2C) and requirement‑to‑code (P2C) workflows, integrates IDE plugins, and dramatically improves developer productivity.

AI codingIDE plugincode generation
0 likes · 25 min read
How AI + Rule Engines Revolutionize Frontend Code Generation for Complex C‑End Apps
Subtle Storm
Subtle Storm
Feb 6, 2026 · Frontend Development

AJAX vs Fetch: A Deep Comparison of Web Asynchronous Requests

This article compares AJAX and the modern Fetch API, detailing their origins, core principles, code examples, browser compatibility, progress monitoring, cancellation, error handling, and performance considerations, and offers practical guidance on choosing the right technique for different project scenarios.

AJAXAsynchronous RequestsFetch API
0 likes · 10 min read
AJAX vs Fetch: A Deep Comparison of Web Asynchronous Requests
DaTaobao Tech
DaTaobao Tech
Feb 6, 2026 · Frontend Development

How AI‑Powered Cursor Delivered a Full‑Stack Frontend Feature for Red‑Packet Sign‑In

This article records the end‑to‑end practice of using the AI coding tool Cursor to deliver the front‑end of a red‑packet sign‑in page’s "single‑product rebate" feature, covering requirement breakdown, AI‑generated design and code, popup animations, feed insertion, deduplication, debugging, and final verification.

AI codingDebugginganimation
0 likes · 11 min read
How AI‑Powered Cursor Delivered a Full‑Stack Frontend Feature for Red‑Packet Sign‑In
大转转FE
大转转FE
Feb 5, 2026 · Frontend Development

How to Build a Low‑Intrusion, AI‑Powered Mock Server for Frontend Development

This article presents a comprehensive mock‑data tool for front‑end/back‑end separation that solves request interception, flexible rule matching, business‑semantic data generation via AI, and team‑wide sharing, detailing its architecture, core implementations, code snippets, usage workflow, and future roadmap.

Mockfrontendrequest-interception
0 likes · 19 min read
How to Build a Low‑Intrusion, AI‑Powered Mock Server for Frontend Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 5, 2026 · Frontend Development

Why Frontend Recording & Replay Matters: Master rrweb for Debugging and Analysis

This article explains why front‑end recording and replay are essential for diagnosing invisible bugs, introduces the open‑source rrweb tool and its core modules, compares it with video and screenshot methods, and provides step‑by‑step guidance for installing, configuring, recording, replaying, and optimizing rrweb in Vue 3 applications.

DebuggingReplayVue
0 likes · 36 min read
Why Frontend Recording & Replay Matters: Master rrweb for Debugging and Analysis
Coder Trainee
Coder Trainee
Feb 3, 2026 · Frontend Development

How to Turn an Entire Website Grayscale with a Few CSS Lines

This article explains how to apply a global CSS grayscale filter to make every element on a website appear in shades of gray, discusses compatibility considerations, and provides a concise code example that works across major browsers.

CSSHTMLbrowser compatibility
0 likes · 4 min read
How to Turn an Entire Website Grayscale with a Few CSS Lines
Su San Talks Tech
Su San Talks Tech
Jan 27, 2026 · Fundamentals

What’s New in IntelliJ IDEA 2025.3? Smaller Unified Edition and Full Spring Boot 4 Support

IntelliJ IDEA 2025.3 introduces a unified, 30% smaller edition, quieter development workflow, full Spring Framework 7 and Spring Boot 4 support, enhanced language features for Java, Kotlin and Scala, improved Git integration, terminal and build‑tool optimizations, plus performance upgrades for large web projects.

IDEIntelliJ IDEASpring Boot
0 likes · 6 min read
What’s New in IntelliJ IDEA 2025.3? Smaller Unified Edition and Full Spring Boot 4 Support
Node.js Tech Stack
Node.js Tech Stack
Jan 27, 2026 · Frontend Development

Vue Gets AI Skills: Evan You Endorses a Tool to Cure Hallucinated Code

The article introduces vue-skills, an open‑source AI Agent Skill set for Vue endorsed by its creator Evan You, explains why Vue needs such skills to fix AI hallucinations caused by outdated syntax and type inference, describes the scientific validation process, categorizes the skills, and shows how to install and use them via Skills Hub.

AIAgent SkillsTypeScript
0 likes · 5 min read
Vue Gets AI Skills: Evan You Endorses a Tool to Cure Hallucinated Code
IT Services Circle
IT Services Circle
Jan 26, 2026 · Frontend Development

Why oxfmt and oxlint Are Redefining Frontend Toolchains with 30‑50× Speed Gains

The article examines the rapid adoption of oxfmt and oxlint—Rust‑based formatter and linter from VoidZero—highlighting their massive npm download growth, performance advantages over Prettier and ESLint, key technical features, and why their speed improvements make migration inevitable for modern front‑end projects.

LinterRustToolchain
0 likes · 5 min read
Why oxfmt and oxlint Are Redefining Frontend Toolchains with 30‑50× Speed Gains
SpringMeng
SpringMeng
Jan 25, 2026 · Interview Experience

How a 40‑Minute Shower Cost Me an Offer and What I Learned from the Interview

The author recounts how a 40‑minute shower coincided with a missed offer notification, then provides a detailed set of technical interview questions covering frontend, backend, mobile, databases, cloud and AI tools, adds commentary on AI‑assisted development, and explains the final hiring decision.

AI toolsHiring ProcessInterview Questions
0 likes · 6 min read
How a 40‑Minute Shower Cost Me an Offer and What I Learned from the Interview
21CTO
21CTO
Jan 21, 2026 · Frontend Development

What’s New in jQuery 4.0? Major Changes, Size Cut, and Trusted Types Support

jQuery 4.0, the first major release in a decade, drops IE 10 support, switches to ES modules, removes obsolete APIs, shrinks the library by over 3 KB, adds Trusted Types protection, and sparks mixed opinions about the future relevance of the once‑ubiquitous JavaScript library.

LibraryTrusted Typesfrontend
0 likes · 6 min read
What’s New in jQuery 4.0? Major Changes, Size Cut, and Trusted Types Support
Node.js Tech Stack
Node.js Tech Stack
Jan 16, 2026 · Industry Insights

Astro Acquired by Cloudflare – Implications and Developer FAQs

Astro, the content‑driven frontend framework, has been acquired by Cloudflare, with its core team joining the company, and the article explains why the deal makes sense, how it benefits developers, and what the broader trend of framework acquisitions indicates for the industry.

AstroCloudflareEdge Computing
0 likes · 5 min read
Astro Acquired by Cloudflare – Implications and Developer FAQs
DaTaobao Tech
DaTaobao Tech
Jan 16, 2026 · Frontend Development

How AI Enables “Write Code, Fix Accessibility” Across Front‑End Projects

This article presents an AI‑driven accessibility solution that embeds code‑review and automatic fixing into the development workflow, tackles high‑frequency issues such as text reading, focus management and interaction recognition, achieves over 95% fix rates in both testing and production, and outlines future extensions to native and D2C scenarios.

AIaccessibilitycode review
0 likes · 14 min read
How AI Enables “Write Code, Fix Accessibility” Across Front‑End Projects
AI Insight Log
AI Insight Log
Jan 15, 2026 · Frontend Development

Vercel Packages a Decade of React Best Practices into an Open‑Source AI Skill

Vercel has open‑sourced a structured "react‑best‑practices" Skill that encodes ten years of React and Next.js performance wisdom, prioritizes eight categories from critical waterfall‑flow elimination to low‑impact tweaks, and equips AI agents to automatically avoid common inefficiencies such as unnecessary bundle bloat and async‑await pitfalls.

AI AgentNext.jsReAct
0 likes · 6 min read
Vercel Packages a Decade of React Best Practices into an Open‑Source AI Skill
IT Services Circle
IT Services Circle
Jan 12, 2026 · Frontend Development

8 Chrome DevTools Tricks Every Frontend Developer Should Know

This article presents eight practical Chrome DevTools techniques—including designMode editing, request replay, local overrides, quick fetch copying, request filtering, DOM selection shortcuts, on‑the‑fly npm installation, and fast source navigation—to boost debugging efficiency and streamline front‑end workflows.

Chrome DevToolsDebuggingNetwork
0 likes · 6 min read
8 Chrome DevTools Tricks Every Frontend Developer Should Know
JavaScript
JavaScript
Jan 10, 2026 · Frontend Development

Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration

Vue3 replaces the problematic mixins pattern of Vue2 with a powerful Composition API, offering explicit dependencies, clearer source tracing, better TypeScript support, and easier maintenance, as illustrated by code examples and a real‑world fintech migration case.

Composition APITypeScriptVue3
0 likes · 5 min read
Why Vue3’s Composition API Beats Mixins: Benefits, Code & Migration
Tencent Tech
Tencent Tech
Jan 9, 2026 · Frontend Development

Build an AI‑Powered WeChat Mini Program Using Free CloudBase Resources

This step‑by‑step guide shows WeChat Mini Program developers how to register, join the AI Mini Program Growth Plan, claim free CloudBase cloud and AI token resources, connect CloudBase via CodeBuddy, configure project templates, develop AI‑driven features, and debug the app with the WeChat Developer Tools.

CloudBaseCodeBuddyMini Program
0 likes · 7 min read
Build an AI‑Powered WeChat Mini Program Using Free CloudBase Resources
Frontend AI Walk
Frontend AI Walk
Jan 9, 2026 · Frontend Development

From Pitfalls to Skill: Implementing a Peekable Horizontal Card Swipe with Vant

This article walks through common issues when using Vant's van-swipe for a horizontal card list—such as the last card being clipped and the peek effect being hidden—and presents a three‑layer nesting solution with detailed CSS, Vue code, a self‑test checklist, and a reusable skill definition to streamline future development.

CSSVantVue
0 likes · 15 min read
From Pitfalls to Skill: Implementing a Peekable Horizontal Card Swipe with Vant
JavaScript
JavaScript
Jan 9, 2026 · Frontend Development

Why Overusing !important Breaks Your CSS and How to Fix It

The article explains how excessive use of the !important declaration creates CSS specificity wars, makes styles hard to maintain and debug, and offers practical techniques—including ID selectors, selector chaining, attribute selectors, repeated selectors, pseudo‑classes, and BEM architecture—to manage specificity responsibly.

BEMCSSSpecificity
0 likes · 6 min read
Why Overusing !important Breaks Your CSS and How to Fix It
JavaScript
JavaScript
Jan 6, 2026 · Frontend Development

How to Auto‑Detect Front‑End Code Updates and Prompt Users to Refresh

This article explains why automatic update detection is essential for web apps, compares polling version files with server‑push techniques like SSE and WebSockets, and provides practical implementation steps and UX guidelines for prompting users to refresh.

PollingSSEauto-update
0 likes · 6 min read
How to Auto‑Detect Front‑End Code Updates and Prompt Users to Refresh
DeWu Technology
DeWu Technology
Jan 5, 2026 · Frontend Development

How a Frontend Monorepo Boosted Code Quality and Release Stability at Scale

This article details the governance framework, key metrics, and concrete engineering practices used to improve Git metadata performance, code quality scoring, lint enforcement, workflow checkpoints, and code duplication reduction for a large‑scale frontend monorepo, resulting in measurable stability gains.

MonorepoStabilityWorkflow
0 likes · 15 min read
How a Frontend Monorepo Boosted Code Quality and Release Stability at Scale
JavaEdge
JavaEdge
Jan 4, 2026 · Frontend Development

Automate Frontend Deployment with GitHub Actions and Docker: A Step‑by‑Step Guide

This article explains the common challenges of deploying front‑end projects, outlines how to set up an automated build and release pipeline using Docker and GitHub Actions, and provides practical code snippets and best‑practice tips for pre‑release, roll‑back, and post‑deployment notifications.

CI/CDGitHub Actionsautomation
0 likes · 9 min read
Automate Frontend Deployment with GitHub Actions and Docker: A Step‑by‑Step Guide
JavaScript
JavaScript
Jan 4, 2026 · Frontend Development

Mastering JavaScript’s ‘this’: 4 Binding Rules and Arrow Function Secrets

This article explains why the JavaScript this keyword is notoriously tricky, demonstrates its behavior with concrete examples, outlines the four binding rules (default, implicit, explicit, new), shows how arrow functions simplify this handling, and offers practical best‑practice tips for writing robust code.

Arrow FunctionsBindingJavaScript
0 likes · 6 min read
Mastering JavaScript’s ‘this’: 4 Binding Rules and Arrow Function Secrets
Node.js Tech Stack
Node.js Tech Stack
Jan 4, 2026 · Frontend Development

Undo Redux? How Boris Cherny’s Undux Redefined State Management

The article revisits Undux, the minimalist state‑management library created by Anthropic’s Claude Code founder Boris Cherny out of frustration with Redux, examines its type‑safe, no‑boilerplate API, compares code snippets with Redux’s workflow, and reflects on its legacy and lessons for modern React development.

ReActReduxState Management
0 likes · 6 min read
Undo Redux? How Boris Cherny’s Undux Redefined State Management
JavaScript
JavaScript
Jan 1, 2026 · Information Security

Why Storing JWT in localStorage Is No Longer Safe and What to Use Instead

Storing JWT tokens in localStorage has become a serious security risk because XSS attacks can steal them, so developers should adopt safer alternatives such as HttpOnly cookies, BFF‑backed sessions, or Service Worker‑based in‑memory storage, each with its own trade‑offs.

BFFCSRFJWT
0 likes · 10 min read
Why Storing JWT in localStorage Is No Longer Safe and What to Use Instead
JavaScript
JavaScript
Dec 31, 2025 · Frontend Development

7 Reliable Alternatives to setTimeout for Precise JavaScript Timing

The article outlines seven browser‑based techniques—including requestAnimationFrame, setInterval, requestIdleCallback, Web Workers, Promise + async/await, the Web Animations API, and Intersection Observer—each offering higher accuracy, better resource handling, or smoother execution than the traditional setTimeout timer.

JavaScriptTimersWeb APIs
0 likes · 4 min read
7 Reliable Alternatives to setTimeout for Precise JavaScript Timing
JavaScript
JavaScript
Dec 30, 2025 · Frontend Development

Why document.domain Is Being Deprecated and How to Migrate Your Web Apps

This article explains the background and security concerns behind the deprecation of the JavaScript document.domain API, details browser warnings, and provides a step‑by‑step migration guide using postMessage, Channel Messaging, and proper CORS configuration to keep web applications functional.

Cross-Origindeprecationdocument.domain
0 likes · 5 min read
Why document.domain Is Being Deprecated and How to Migrate Your Web Apps
JavaScript
JavaScript
Dec 29, 2025 · Frontend Development

Master Concurrent JavaScript: Replace Promise.all with Promise.allSettled

While Promise.all is the traditional way to run multiple asynchronous operations in JavaScript, it aborts the whole batch when any promise rejects, making it impossible to know which calls succeeded; Promise.allSettled overcomes this by waiting for all promises and providing a detailed status for each result.

AsynchronousJavaScriptPromise
0 likes · 5 min read
Master Concurrent JavaScript: Replace Promise.all with Promise.allSettled
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2025 · Frontend Development

How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects

This article demonstrates a step‑by‑step, multi‑round dialogue with the AI assistant TRAE SOLO to progressively configure UnoCSS for a UniApp + Vue3 + Vite project, covering initial planning, dependency installation, platform‑specific fixes, shortcut creation, dynamic class handling, and component development.

AI collaborationConfigurationUniApp
0 likes · 18 min read
How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects
JavaScript
JavaScript
Dec 27, 2025 · Frontend Development

Detecting Page Exit: Best APIs and Practices for Reliable Data Reporting

This guide explains how to detect when a user leaves a web page using modern APIs like Page Visibility, beforeunload/unload, sendBeacon, and pagehide, compares their advantages and drawbacks, provides code snippets, and offers practical recommendations for reliable data reporting and UI handling.

Web Performancebrowser APIfrontend
0 likes · 8 min read
Detecting Page Exit: Best APIs and Practices for Reliable Data Reporting
JavaScript
JavaScript
Dec 24, 2025 · Frontend Development

Beyond the Classic for Loop: Modern JavaScript Iteration Techniques

This article examines why traditional JavaScript for loops are often suboptimal and introduces more readable, functional, and powerful alternatives such as array methods, for...of, for...in, and the spread operator, while also outlining scenarios where the classic for loop still shines.

JavaScriptarray methodses6
0 likes · 7 min read
Beyond the Classic for Loop: Modern JavaScript Iteration Techniques
Frontend AI Walk
Frontend AI Walk
Dec 24, 2025 · Frontend Development

Build AI Apps in the Frontend with TanStack AI: A Step‑by‑Step Guide

This tutorial walks frontend developers through TanStack AI, a type‑safe, vendor‑agnostic SDK that lets you integrate multiple AI models into React/TS projects, covering core concepts, installation, code examples, advanced tool usage, and a detailed comparison with alternative solutions.

AI SDKReActTanStack AI
0 likes · 11 min read
Build AI Apps in the Frontend with TanStack AI: A Step‑by‑Step Guide
phodal
phodal
Dec 23, 2025 · Frontend Development

Why Frontend Must Evolve for the Agentic Era: From UI to an Executable Workbench

As AI agents shift from assistants to autonomous executors, traditional GUIs become bottlenecks, prompting a redefinition of frontend architecture into a contract‑driven, observable, and controllable execution interface built on DSLs, NanoDSL, and a clear migration path.

AIDSLUI architecture
0 likes · 16 min read
Why Frontend Must Evolve for the Agentic Era: From UI to an Executable Workbench
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 23, 2025 · Frontend Development

Generate Multi‑Page PDFs Directly in the Browser with dompdf.js

dompdf.js v1.1.0 lets developers convert HTML to searchable, lightweight, multi‑page PDFs entirely on the front end, fixing blur, large size, and inaccurate pagination issues, and provides features such as custom headers/footers, encryption, compression, font handling, and browser‑compatible rendering options.

EncryptionJavaScriptPagination
0 likes · 12 min read
Generate Multi‑Page PDFs Directly in the Browser with dompdf.js
JavaScript
JavaScript
Dec 21, 2025 · Frontend Development

Why IndexedDB Outperforms localStorage for Modern Web Apps

This article examines the security, performance, capacity, and query limitations of localStorage, explains how IndexedDB addresses each issue with asynchronous APIs, larger storage, stronger security, and advanced indexing, and introduces helper libraries that simplify its use.

IndexedDBWebfrontend
0 likes · 5 min read
Why IndexedDB Outperforms localStorage for Modern Web Apps
Frontend AI Walk
Frontend AI Walk
Dec 20, 2025 · Frontend Development

Front‑End Engineers at Risk in the AI Era: How to Evolve and Stay Competitive

The article analyzes how AI tools like Cursor and Antigravity are reshaping front‑end work, identifying three high‑risk developer profiles—UI translators, CRUD‑focused API workers, and framework‑obsessed syntax masters—and offers concrete strategies for evolving into system designers and AI‑augmented full‑stack creators.

AIFull-StackProductivity
0 likes · 14 min read
Front‑End Engineers at Risk in the AI Era: How to Evolve and Stay Competitive
JD Tech
JD Tech
Dec 18, 2025 · Backend Development

Can AI Prompts Supercharge Your Backend, Frontend, and Big Data Projects?

This article showcases a series of real‑world development cases—from implementing a guided inventory task in a Java backend and generating Vue rule code, to writing unit tests, analyzing report data, converting SQL to Hive, debugging startup errors, publishing Maven APIs, optimizing slow SQL queries, and resolving MySQL deadlocks—demonstrating how AI‑driven prompts can accelerate coding, testing, and troubleshooting across multiple domains.

DebuggingMavenSQL
0 likes · 31 min read
Can AI Prompts Supercharge Your Backend, Frontend, and Big Data Projects?
Sohu Tech Products
Sohu Tech Products
Dec 17, 2025 · Frontend Development

How Frontend Engineering Evolved: Choosing Between Webpack, Vite, and Rspack

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

RspackVitebundling
0 likes · 23 min read
How Frontend Engineering Evolved: Choosing Between Webpack, Vite, and Rspack
JavaScript
JavaScript
Dec 17, 2025 · Frontend Development

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

The article explains how modern CSS is shifting from fixed pixel and rem units to viewport‑based vw and the clamp() function, offering truly fluid, boundary‑controlled layouts that scale smoothly across any screen size while preserving accessibility where needed.

CSSVWclamp
0 likes · 5 min read
Why vw and clamp() Are Replacing px and rem for Fluid Layouts
JavaScript
JavaScript
Dec 16, 2025 · Frontend Development

Why Timestamp+Random Fails and How crypto.randomUUID() Guarantees Truly Unique IDs

This article explains common pitfalls of generating unique IDs with timestamps and simple counters in JavaScript, demonstrates why those methods can collide under high concurrency, and shows how the built‑in crypto.randomUUID() provides a standards‑based, cryptographically secure solution.

JavaScriptbest-practicescrypto
0 likes · 5 min read
Why Timestamp+Random Fails and How crypto.randomUUID() Guarantees Truly Unique IDs
大转转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)
Ubiquitous Tech
Ubiquitous Tech
Dec 10, 2025 · Frontend Development

Building an MCP Service Marketplace UI with GPT‑5 and Trae

This article walks through using GPT‑5 and ByteDance’s Trae tool within the VibeCoding workflow to iteratively generate a complete MCP service marketplace front‑end UI, refine it through multiple prompt rounds, produce a PRD, design backend APIs, build a SpringBoot 2.7 project with MyBatis Plus and MySQL, and finally test and deploy the full system.

AI-assisted developmentGPT-5Java
0 likes · 25 min read
Building an MCP Service Marketplace UI with GPT‑5 and Trae
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.

JavaScriptReActUI
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
Architect's Journey
Architect's Journey
Dec 4, 2025 · Artificial Intelligence

Hands‑On Review of Alibaba Qoder: 8 Practical Tips to Become an AI Coding Commander

After two months of using Alibaba’s Qoder AI coding platform, the author explains why it beats alternatives on cost, compliance and maturity, debunks common myths, shares eight hands‑on best‑practice tips, and presents three real‑world case studies that show its impact on backend and frontend development.

AI codingAgent modeQoder
0 likes · 16 min read
Hands‑On Review of Alibaba Qoder: 8 Practical Tips to Become an AI Coding Commander
大转转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.

Playwrightbrowser automationfrontend
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.

AINamingdeveloper tools
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.

EmojiJavaScriptfrontend
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 CalculationJavaScriptPagination
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.

GoSQLiteVue
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 Typographyclamp
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.

NULLValidationbackend
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.

ReActUI libraryant-design
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