BestHub
Sign in
Tagged articles

frontend

3169 articles · Page 3 of 32
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-OriginPostMessagedeprecation
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.

Fluid Typographyclampcss
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
xkx's Tech General Store
xkx's Tech General Store
Sep 21, 2025 · Frontend Development

How I Replicated WeChat’s Fancy Layouts in WangEditor via Custom Extensions

This article walks through extending WangEditor V5 with custom plugins to reproduce the rich, multi‑style layouts found in WeChat public‑account articles, covering the analysis of required HTML/CSS patterns, defining new Slate‑based elements, registering menus, and rendering the styles within the editor.

Custom ExtensionRich TextSlate.js
0 likes · 14 min read
How I Replicated WeChat’s Fancy Layouts in WangEditor via Custom Extensions
大转转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 developmentComponent ArchitectureEfficiency
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.

JavaScriptdeep copyfrontend
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.

JavaScriptTimersWeb APIs
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 Optimizationartificial-intelligence
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.

IndexedDBJavaScriptWeb Performance
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.

UI ComponentsViteVue3
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.

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

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

BEMCSS ModulesShadow DOM
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.

EChartscompatibilityfrontend
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 Developmentfrontendperformance
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 DataCloud
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.

NULLSystem Securitybackend
0 likes · 5 min read
Why Using "null" as a Username Breaks Systems and How to Fix It
JavaScript
JavaScript
Aug 29, 2025 · Frontend Development

Why encodeURIComponent Is Obsolete: Master URLSearchParams for Safer URLs

The article explains the pitfalls of manually concatenating URLs with encodeURIComponent, introduces the modern URL and URLSearchParams APIs, and demonstrates how these objects simplify encoding, adding, modifying, and deleting query parameters safely and cleanly in both browsers and Node.js environments.

JavaScriptURLURLSearchParams
0 likes · 7 min read
Why encodeURIComponent Is Obsolete: Master URLSearchParams for Safer URLs
Java Tech Enthusiast
Java Tech Enthusiast
Aug 25, 2025 · Frontend Development

Why Hobbyist Programmers Build Quirky Projects: From Canvas Fish to Web OS

The article explores three unconventional programming projects—a canvas‑based fish‑swimming demo, a six‑year‑long wooden pixel display driven by Raspberry Pi, and a JavaScript recreation of the vintage Lisa GUI as a web‑based operating system—highlighting how personal curiosity fuels innovation despite limited commercial value.

Hardwarecreative codingfrontend
0 likes · 8 min read
Why Hobbyist Programmers Build Quirky Projects: From Canvas Fish to Web OS
Code Mala Tang
Code Mala Tang
Aug 25, 2025 · Frontend Development

Polling vs WebSocket: Choosing the Right Real‑Time Strategy for Your App

This article compares polling and WebSocket approaches for delivering real‑time updates, explains their advantages and drawbacks, provides React and Node.js code examples, and offers practical guidance on selecting the appropriate method based on task frequency and user experience requirements.

PollingReActReal-time
0 likes · 7 min read
Polling vs WebSocket: Choosing the Right Real‑Time Strategy for Your App
Code Mala Tang
Code Mala Tang
Aug 23, 2025 · Frontend Development

Why ESM Is Overtaking CommonJS: A Deep Dive into JavaScript Modules

This article traces the history and reasons behind JavaScript’s module formats—from early AMD and UMD to Node’s CommonJS and the modern ECMAScript modules—explains migration challenges, tooling, testing nuances, and best practices for managing dual builds in contemporary projects.

CommonJSESMJavaScript
0 likes · 22 min read
Why ESM Is Overtaking CommonJS: A Deep Dive into JavaScript Modules
JavaScript
JavaScript
Aug 21, 2025 · Frontend Development

Avoid UI Crashes: Mastering Promise.all vs. Promise.allSettled in JavaScript

When fetching multiple APIs concurrently, Promise.all aborts all results if any request fails, leading to poor user experience, whereas Promise.allSettled returns outcomes for every promise without rejecting, allowing graceful handling of partial failures and more robust UI rendering.

JavaScriptPromisefrontend
0 likes · 5 min read
Avoid UI Crashes: Mastering Promise.all vs. Promise.allSettled in JavaScript
JavaScript
JavaScript
Aug 19, 2025 · Frontend Development

Why Object.assign Can Break Your React Apps and How Spread Syntax Saves You

This article explains the hidden pitfalls of JavaScript's Object.assign—mutating the target object and performing only shallow copies—illustrates the bugs they can cause in modern frontend frameworks, and shows how the spread operator (or structuredClone) provides a safer, more readable alternative.

Immutable DataJavaScriptObject.assign
0 likes · 5 min read
Why Object.assign Can Break Your React Apps and How Spread Syntax Saves You
DaTaobao Tech
DaTaobao Tech
Aug 18, 2025 · Frontend Development

Mastering Complex Drag-and-Drop for Shopping Cart UI

This article provides an in‑depth technical walkthrough of the iCart shopping‑cart drag‑and‑drop feature, detailing the architecture, grouping rules, collision handling, non‑droppable logic, hover calculations, placement callbacks, performance optimizations, and future improvements for a smooth, stable user experience.

Drag-and-DropShopping CartWeex
0 likes · 17 min read
Mastering Complex Drag-and-Drop for Shopping Cart UI
大转转FE
大转转FE
Aug 11, 2025 · Frontend Development

Frontend Weekly: AI‑Driven Efficiency, Tree Shaking Deep Dive, and Code Refactoring

This newsletter curates five technical articles covering AI‑enhanced frontend productivity, a comparative deep dive into tree shaking across major bundlers, innovative AI code generation for e‑commerce frontends, a rapid AI‑assisted component refactor, and efficiency gains in ad‑monitoring development.

AIEfficiencyTree Shaking
0 likes · 4 min read
Frontend Weekly: AI‑Driven Efficiency, Tree Shaking Deep Dive, and Code Refactoring
JD Tech
JD Tech
Aug 6, 2025 · Frontend Development

How Taro’s Open‑Source HarmonyOS Version Boosts Cross‑Platform Development

The article details the open‑source release of Taro on HarmonyOS, explaining its architectural evolution, performance optimizations, multi‑platform development workflow, and real‑world results from JD’s HarmonyOS app, while outlining future roadmap and ecosystem expansion.

HarmonyOSTaROcross-platform
0 likes · 16 min read
How Taro’s Open‑Source HarmonyOS Version Boosts Cross‑Platform Development
Code Wrench
Code Wrench
Aug 4, 2025 · Frontend Development

Revolutionizing Frontend with a Honeycomb Architecture: Inside easy.ui

The article introduces easy.ui's honeycomb architecture that splits a monolithic frontend into an Express gateway, independent Nuxt sub‑projects, and a shared component library, detailing core code, development workflow, tech choices, pitfalls, and a future roadmap.

Component LibraryExpressMicroservices
0 likes · 5 min read
Revolutionizing Frontend with a Honeycomb Architecture: Inside easy.ui
Instant Consumer Technology Team
Instant Consumer Technology Team
Jul 22, 2025 · Frontend Development

What’s New in Frontend Tech? Deno, ECharts, Monorepo, Tree Shaking & More

Explore the latest frontend breakthroughs, from Deno 2.4’s revived bundle command and Apache ECharts 6.0’s visual upgrades to the JS1024 code‑golf challenge, PNG spec overhaul, a comprehensive monorepo guide, practical Web Components tips, tree‑shaking pitfalls, and an in‑depth look at TypeScript declaration merging.

DenoEChartsTree Shaking
0 likes · 4 min read
What’s New in Frontend Tech? Deno, ECharts, Monorepo, Tree Shaking & More
大转转FE
大转转FE
Jul 22, 2025 · Frontend Development

Can AI Predict Code Impact? A Cursor‑Powered Frontend Analysis Case Study

This article explores how the Cursor AI tool can automatically assess the impact of code changes in a Vue 2 frontend project, detailing a three‑step MVP workflow, its strengths, limitations, and practical insights for developers seeking smarter pre‑test risk evaluation.

AI code analysisCursorVue
0 likes · 9 min read
Can AI Predict Code Impact? A Cursor‑Powered Frontend Analysis Case Study
Bilibili Tech
Bilibili Tech
Jul 18, 2025 · Frontend Development

How We Built a Unified Frontend Material Platform to Replace cnpm and Boost Efficiency

This article describes the design and implementation of a new frontend material platform that consolidates npm packages, UMD scripts, and icons, introduces a custom publishing tool (bpm), integrates with Nexus3, adds unified authentication, improves search with MeiliSearch, and outlines migration, classification, and documentation strategies.

Searchdocumentationfrontend
0 likes · 27 min read
How We Built a Unified Frontend Material Platform to Replace cnpm and Boost Efficiency
Architect
Architect
Jul 15, 2025 · Backend Development

When to Use SSE vs WebSocket vs Polling: A Practical Guide

This article explains the three main server‑to‑client push techniques—polling, WebSocket, and Server‑Sent Events (SSE)—detailing their principles, advantages, drawbacks, compatibility, typical use cases, and provides complete Node.js/Express and plain‑HTML demos to help developers choose the right solution.

ExpressNode.jsPolling
0 likes · 13 min read
When to Use SSE vs WebSocket vs Polling: A Practical Guide
DeWu Technology
DeWu Technology
Jul 14, 2025 · Frontend Development

How We Boosted Ad Page Load Speed by 55% with ISR, Lazy Loading, and Stream Rendering

This article details a comprehensive set of front‑end performance optimizations—including ISR, component lazy loading, image preloading, Lottie animation upgrades, low‑end device handling, and streaming rendering—that together increased ad page exposure by 10% and first‑screen instant load from 15% to 65%, dramatically improving user experience and conversion rates.

ISRLottieOptimization
0 likes · 18 min read
How We Boosted Ad Page Load Speed by 55% with ISR, Lazy Loading, and Stream Rendering
JavaScript
JavaScript
Jul 14, 2025 · Frontend Development

Why Timestamp+Random Fails and How crypto.randomUUID() Guarantees True Uniqueness

This article explains common pitfalls of generating unique IDs with timestamps and Math.random(), shows why naive counters are unreliable in browsers, and demonstrates the robust, standards‑based solution using the built‑in crypto.randomUUID() method, which offers cryptographic security and near‑zero collision risk.

JavaScriptUUIDUnique ID
0 likes · 5 min read
Why Timestamp+Random Fails and How crypto.randomUUID() Guarantees True Uniqueness
AI Software Product Manager
AI Software Product Manager
Jul 10, 2025 · User Experience Design

How to Build a Fully Frozen Table with Dynamic Panels in Axure

Learn step-by-step how to build a fully frozen table in Axure by splitting a regular table into six independent sections, converting each into dynamic panels, nesting panels for synchronized scrolling, adjusting dimensions, and using scrollX/scrollY values to achieve seamless row and column freezing.

AxureUI prototypingdynamic panel
0 likes · 8 min read
How to Build a Fully Frozen Table with Dynamic Panels in Axure
Ctrip Technology
Ctrip Technology
Jul 10, 2025 · Frontend Development

How Visual Event Tracking Transforms Front‑End Data Collection: Inside Ctrip’s Hetu System

This article examines Ctrip's Hetu visual event‑tracking system, comparing it with traditional code‑based tracking, detailing its architecture, SDK modes, configuration workflow, and best‑practice implementations that improve efficiency, reduce coupling, and enhance data reliability across web, app, and mini‑program platforms.

data collectionevent trackingfrontend
0 likes · 22 min read
How Visual Event Tracking Transforms Front‑End Data Collection: Inside Ctrip’s Hetu System
JavaScript
JavaScript
Jul 9, 2025 · Information Security

How to Achieve a Seamless “Never‑Logout” Experience with Token Refresh

This article explains why short‑lived access tokens cause user interruptions, introduces the dual‑token authentication model with refresh tokens, and provides a complete Axios interceptor implementation that transparently renews tokens, handles concurrency, and gracefully logs out when refresh fails.

Tokenauthenticationaxios
0 likes · 9 min read
How to Achieve a Seamless “Never‑Logout” Experience with Token Refresh
JavaScript
JavaScript
Jul 8, 2025 · Frontend Development

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

This article explains how excessive use of the CSS !important declaration leads to maintainability and debugging problems, details the CSS specificity calculation, compares specificity rules, and provides practical techniques—including ID selectors, selector chaining, attribute selectors, repeated selectors, pseudo‑classes, and BEM methodology—to increase specificity responsibly.

BEMSpecificitybest practices
0 likes · 8 min read
Why Overusing !important Breaks Your CSS and How to Fix It
JavaScript
JavaScript
Jul 7, 2025 · Frontend Development

How to Stop Users from Copying Web Content: CSS, JS, and Clipboard Tricks

This article explores why you might need to block copying on a web page—such as paid content, exams, or sensitive data—and presents three front‑end techniques (CSS user‑select, JavaScript event handling, and clipboard modification) with code examples, pros, cons, and practical considerations.

clipboardcopy protectioncss
0 likes · 9 min read
How to Stop Users from Copying Web Content: CSS, JS, and Clipboard Tricks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 5, 2025 · Fundamentals

Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps

This comprehensive guide outlines a 2025 front‑end and full‑stack knowledge system, covering server fundamentals, JavaScript runtimes, databases, storage, cloud services, Docker, serverless, micro‑services, major frameworks (React, Vue, Angular, etc.), mobile development, PC clients, engineering tooling, CI/CD, testing, monitoring, security, performance optimization, project management, and practical non‑technical advice.

JavaScriptReActVue
0 likes · 23 min read
Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps
Code Mala Tang
Code Mala Tang
Jun 29, 2025 · Frontend Development

Master CSS background-image: Essential Techniques & Pro Tips

This comprehensive guide explains how the CSS background-image property works, walks through its basic syntax, key controlling properties, advanced techniques like gradients and multiple images, and offers best‑practice tips for optimization and responsive design.

Responsivebackground-imagecode
0 likes · 7 min read
Master CSS background-image: Essential Techniques & Pro Tips
JavaScript
JavaScript
Jun 29, 2025 · Frontend Development

How to Stop Duplicate Uploads: UI Locks, Logic Flags, and Best Practices

This article explains why repeatedly clicking an upload button can cause duplicate requests, UI confusion, and data errors, and presents three robust solutions—disabling the button, using a state flag, and why debounce or throttle are unsuitable—plus essential backend safeguards.

Throttledebouncefrontend
0 likes · 9 min read
How to Stop Duplicate Uploads: UI Locks, Logic Flags, and Best Practices
Java Captain
Java Captain
Jun 28, 2025 · Backend Development

How to Add a Creator Province Filter to a To-Do Page and Fix Pagination Bugs

This article walks through adding a creator‑province dropdown filter to a to‑do list page, updating both front‑end components and back‑end APIs, handling status count changes, implementing reset logic, and debugging a pagination bug caused by incorrect start‑row calculations.

APISQLfrontend
0 likes · 9 min read
How to Add a Creator Province Filter to a To-Do Page and Fix Pagination Bugs
JD Tech Talk
JD Tech Talk
Jun 27, 2025 · Frontend Development

Why Your Updated Frontend Code Isn’t Showing & How to Fix Cache Issues

This article explains why newly deployed front‑end pages often still display old content due to browser, Nginx, or CDN caching, and provides a three‑step method—including proper cache‑control headers, hash‑named assets, and version‑based fallback—to ensure users always see the latest version.

CachingHashNGINX
0 likes · 10 min read
Why Your Updated Frontend Code Isn’t Showing & How to Fix Cache Issues
JavaScript
JavaScript
Jun 27, 2025 · Frontend Development

How setTimeout(fn, 0) Unblocks the Main Thread and Boosts UI Responsiveness

Using setTimeout(fn, 0) tricks the JavaScript event loop to downgrade heavy tasks to asynchronous callbacks, freeing the main thread for UI rendering and user interactions, and the article explains the underlying mechanics, practical examples, and modern alternatives like requestAnimationFrame, queueMicrotask, and Web Workers.

AsynchronousJavaScriptevent-loop
0 likes · 10 min read
How setTimeout(fn, 0) Unblocks the Main Thread and Boosts UI Responsiveness
JavaScript
JavaScript
Jun 26, 2025 · Frontend Development

How to Detect When Users Leave a Page and Safely Send Data

Understanding how to determine whether a user has left or hidden a web page—covering the Page Visibility API, beforeunload/unload events, navigator.sendBeacon, and pagehide/pageshow—enables developers to improve UX, pause resources, and reliably report analytics without sacrificing performance.

APIWeb Performancefrontend
0 likes · 9 min read
How to Detect When Users Leave a Page and Safely Send Data
Zhihu Tech Column
Zhihu Tech Column
Jun 25, 2025 · Frontend Development

How Zhihu’s Growth Team Supercharged Activity Page Performance: From Diagnosis to Real‑World Gains

This article reveals how Zhihu’s growth engineering team dissected activity‑page rendering bottlenecks, applied front‑end performance techniques such as early resource loading, image compression, pre‑rendering, and metric‑driven optimization (FCP, CLS, INP), and ultimately boosted page reach and conversion rates dramatically.

GrowthWeb Optimizationfrontend
0 likes · 23 min read
How Zhihu’s Growth Team Supercharged Activity Page Performance: From Diagnosis to Real‑World Gains
Sohu Tech Products
Sohu Tech Products
Jun 18, 2025 · Frontend Development

Master TypeScript Utility Types: From Basics to Advanced TS Tricks

This article introduces TypeScript’s built‑in utility types such as Partial, Required, Readonly, Record, Pick, Omit, and advanced tools like DeepPartial, AssertEqual, and FunctionMapType, demonstrating how to use them with clear code examples and showing how to create powerful higher‑order type extensions for safer, more expressive frontend development.

TypeScriptUtility Typesadvanced types
0 likes · 13 min read
Master TypeScript Utility Types: From Basics to Advanced TS Tricks
JD Retail Technology
JD Retail Technology
Jun 17, 2025 · Frontend Development

How Leading Tech Giants Are Revolutionizing Cross‑Platform Dynamic Rendering

A multi‑company technical salon gathered experts from Alipay, Kuaishou, Huawei, ByteDance and JD to share cutting‑edge cross‑platform dynamic rendering techniques, framework evolutions, performance optimizations, and future directions, offering developers deep insights into building high‑efficiency, multi‑device applications.

XRcross‑platformdynamic rendering
0 likes · 13 min read
How Leading Tech Giants Are Revolutionizing Cross‑Platform Dynamic Rendering
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 17, 2025 · Frontend Development

Why Vue Component Design Becomes a Nightmare and How to Fix It

After three years of building Vue apps, the author reveals how naive component extraction leads to sprawling directories, tangled props and events, and mounting technical debt, then offers concrete strategies—clear responsibilities, minimal APIs, slots, and abstraction skills—to design maintainable, reusable components.

Vuebest practicescomponent design
0 likes · 9 min read
Why Vue Component Design Becomes a Nightmare and How to Fix It