BestHub
Sign in
Tagged articles

frontend development

802 articles · Page 2 of 9
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/CDCode Generation
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.

Backend DevelopmentJavaSpring 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 assistantCode GenerationCursor
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 extensionOperations
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 assistantBackend DevelopmentIDEA
0 likes · 10 min read
Boost Your Coding Efficiency: Install and Master JetBrains Junie in IDEA 2025
21CTO
21CTO
Apr 19, 2025 · Frontend Development

Why Turbopack in Next.js 15.3 Could Supercharge Your Frontend Build Speed

Next.js 15.3 introduces Turbopack, a Rust‑based bundler that dramatically speeds up builds, passes over 99 % of tests, and is recommended for development use while still in alpha, alongside new navigation hooks, monitoring hooks, and an improved TypeScript language server.

BundlerNext.jsReAct
0 likes · 3 min read
Why Turbopack in Next.js 15.3 Could Supercharge Your Frontend Build Speed
Architect
Architect
Apr 10, 2025 · Frontend Development

Improving Front‑End Development Workflow with Cursor AI: From Requirements to Code and Impact Assessment

This article shares a practical experience of integrating the Cursor AI code assistant into a front‑end development workflow, outlining expectations, the shift from planning to execution, current pain points, a collaborative feedback loop, and concrete scenario applications such as status analysis, change planning, and impact evaluation.

AI-assisted codingCursor AIdevelopment workflow
0 likes · 13 min read
Improving Front‑End Development Workflow with Cursor AI: From Requirements to Code and Impact Assessment
macrozheng
macrozheng
Apr 10, 2025 · Frontend Development

Master Mermaid: Build Flowcharts, Sequence & Class Diagrams via Docker

Learn how to install Mermaid Live Editor using Docker, then create various diagram types—including flowcharts, sequence diagrams, class diagrams, and mind maps—by writing simple Markdown-like syntax, with examples drawn from a SpringBoot‑Vue e‑commerce project and tips on theme customization.

DockerMarkdownMermaid
0 likes · 10 min read
Master Mermaid: Build Flowcharts, Sequence & Class Diagrams via Docker
iQIYI Technical Product Team
iQIYI Technical Product Team
Apr 10, 2025 · Frontend Development

Design and Implementation of a Customizable Data Visualization Platform for Tianji Business

The Tianji team built a no‑code, component‑based visualization platform using Vue3 and Echarts, where a DSL defines reusable chart cards, tables and other widgets that users drag‑and‑drop onto a 24‑column grid, enabling real‑time, permission‑controlled, personalized dashboards that have already produced over 300 dashboards and 6,000 components for growth operations.

DSLData VisualizationECharts
0 likes · 18 min read
Design and Implementation of a Customizable Data Visualization Platform for Tianji Business
Architecture & Thinking
Architecture & Thinking
Apr 10, 2025 · Frontend Development

How I Used Zulu AI to Auto‑Generate a Full SVG‑to‑GIF Converter

In this article I describe how I leveraged Zulu's AI capabilities within VSCode to automatically generate a complete front‑end interface, back‑end conversion logic, and routing files for an SVG‑to‑GIF tool, complete with screenshots of the generated code and the final animated result.

AI code generationSVG to GIFautomation
0 likes · 4 min read
How I Used Zulu AI to Auto‑Generate a Full SVG‑to‑GIF Converter
21CTO
21CTO
Apr 4, 2025 · Frontend Development

What the Vue.js 2025 Report Says About the Framework’s Future

The Vue.js 2025 State Report highlights the framework’s growing maturity, adoption statistics versus React, upcoming Vapor mode delays, migration challenges, and future directions such as VoidZero, TypeScript usage, and the evolving JavaScript runtime landscape, offering developers a comprehensive view of Vue’s roadmap.

JavaScriptTypeScriptVapor Mode
0 likes · 6 min read
What the Vue.js 2025 Report Says About the Framework’s Future
Alibaba Cloud Native
Alibaba Cloud Native
Mar 19, 2025 · Frontend Development

How to Build a Personal Note Website with an AI‑Powered Coding Assistant

This guide walks you through using the Tongyi Lingma AI coding assistant to quickly create a personal note‑taking website with full CRUD functionality, covering preparation, environment setup, step‑by‑step code generation, feature expansion, common pitfalls, and iterative refinement for front‑end developers.

AI coding assistantCRUDTongyi Lingma
0 likes · 21 min read
How to Build a Personal Note Website with an AI‑Powered Coding Assistant
21CTO
21CTO
Mar 16, 2025 · Frontend Development

Why Chasing New JavaScript Frameworks Wastes Your Time—and What Really Matters

The article argues that constantly jumping to the latest JavaScript frameworks drains productivity, offers a recurring hype‑cycle analysis, compares popular frameworks, and recommends focusing on core programming skills and stable, widely‑adopted tools for lasting career growth.

FrameworksJavaScriptSoftware Engineering
0 likes · 8 min read
Why Chasing New JavaScript Frameworks Wastes Your Time—and What Really Matters
php Courses
php Courses
Mar 3, 2025 · Backend Development

Understanding PHP: Backend vs Frontend Development

This article explains the role of PHP in web development, clarifying its primary function as a server‑side scripting language while exploring how it can be used in both frontend and backend contexts, and provides practical code examples for inline and external PHP integration.

PHPServer-side Scriptingfrontend development
0 likes · 11 min read
Understanding PHP: Backend vs Frontend Development
JD Tech Talk
JD Tech Talk
Feb 28, 2025 · Frontend Development

Understanding Chrome DevTools, the CDP Protocol, and Building Custom Debugging Tools

This article explains the components and principles of Chrome DevTools, provides a detailed overview of the Chrome DevTools Protocol (CDP) and its workflow, and guides readers through creating custom debugging tools for platforms such as Android WebView, Roma, and Harmony, highlighting technical challenges and implementation steps.

CDPChrome DevToolsWeb Debugging
0 likes · 11 min read
Understanding Chrome DevTools, the CDP Protocol, and Building Custom Debugging Tools
JavaScript
JavaScript
Feb 26, 2025 · Frontend Development

Master JavaScript Array Methods: From map to flatMap

This guide explains how JavaScript’s built‑in array methods—such as map, filter, reduce, forEach, find, some, every, includes, flat, flatMap, findIndex, and slice—can replace nested loops, improve readability, and enable powerful method chaining for concise, efficient data manipulation.

JavaScriptarray methodsfilter
0 likes · 7 min read
Master JavaScript Array Methods: From map to flatMap
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Feb 25, 2025 · Frontend Development

Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations

Facing slow startup and low first‑contentful‑paint rates, Kuaishou’s development team overhauled the mini‑program simulator by consolidating its dual‑process architecture, introducing container caching, implementing on‑demand compilation, and refining debugger interactions, ultimately boosting instant‑open rates from 18% to 64% and reducing FCP P90 from 4.4 s to 1.9 s.

KuaishouPerformance OptimizationSimulator
0 likes · 12 min read
Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 21, 2025 · Frontend Development

Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development

This article explains the evolution of JavaScript package managers, the shortcomings of npm and Yarn such as duplicated installations, phantom dependencies and unpredictable dependency trees, and demonstrates how pnpm’s content‑addressable store, hard‑link and symlink strategy provides faster installs, reduced disk usage, and more reliable dependency isolation for frontend projects.

YARNdependency managementfrontend development
0 likes · 22 min read
Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development
Didi Tech
Didi Tech
Feb 20, 2025 · Frontend Development

Technical Debt Governance in the International Delivery Rider H5 Project (DH5)

The DH5 project tackled mounting technical debt by splitting a monolithic front‑end into three independent modules, systematically removing unused code, consolidating public methods, and enhancing debugging tools, which together reduced system complexity, improved maintainability and collaboration, and demonstrated a repeatable governance framework for future development cycles.

Debugging ToolsSoftware Engineeringcode refactoring
0 likes · 11 min read
Technical Debt Governance in the International Delivery Rider H5 Project (DH5)
JavaScript
JavaScript
Feb 18, 2025 · Frontend Development

Why Your setTimeout Callback Breaks: Mastering JavaScript this Binding

This article explains why a typical setTimeout callback loses its this context, outlines the four binding rules in JavaScript, and presents both classic fixes and modern approaches such as arrow functions and class field syntax to avoid common pitfalls in frontend development.

Arrow FunctionsCallbackJavaScript
0 likes · 4 min read
Why Your setTimeout Callback Breaks: Mastering JavaScript this Binding
php Courses
php Courses
Feb 17, 2025 · Frontend Development

Comprehensive TypeScript Course Outline: Basics to Advanced Topics

This course provides a concise yet thorough introduction to TypeScript, covering installation, VSCode setup, data types, enums, unions, type inference, classes, inheritance, generics, modules, and more, guiding learners step‑by‑step through foundational and advanced concepts for effective TypeScript development.

ClassesCourseTypeScript
0 likes · 2 min read
Comprehensive TypeScript Course Outline: Basics to Advanced Topics
Architecture and Beyond
Architecture and Beyond
Feb 15, 2025 · Frontend Development

Building a Complete Vue Frontend Website in One Day with AI Assistants

This article shares a step‑by‑step account of using AI tools such as Trae, Claude 3.5 Sonnet, and GPT‑4o to design, generate, and refine a Vue‑based frontend website within a single day, highlighting core strategies, best practices, and common pitfalls encountered along the way.

AI AssistantsAI codingCode Generation
0 likes · 8 min read
Building a Complete Vue Frontend Website in One Day with AI Assistants
php Courses
php Courses
Feb 8, 2025 · Frontend Development

Comprehensive TypeScript Course Outline: Basics to Advanced Topics

This course outline presents a step‑by‑step curriculum covering TypeScript fundamentals, configuration, data types, classes, generics, interfaces, and modularization, guiding learners from introductory concepts to advanced features for practical front‑end development.

CourseTypeScriptfrontend development
0 likes · 3 min read
Comprehensive TypeScript Course Outline: Basics to Advanced Topics
Bilibili Tech
Bilibili Tech
Feb 7, 2025 · Frontend Development

Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding

The article explains how to build a WebRTC video‑call system using standard APIs, detailing signaling via SDP exchange, direct peer connections, the transition to a selective‑forwarding server that forwards streams efficiently, and employing a data channel for RPC‑based room and stream management across web, Android, iOS, and Windows clients.

SDPSelective ForwardingVideo Call
0 likes · 16 min read
Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding
php Courses
php Courses
Feb 5, 2025 · Frontend Development

Practical Vue.js Course Overview and Project Outline

An intensive, hands‑on Vue.js course guides learners through four real‑world projects—including a calculator, habit‑tracking app, historical data query, and mobile number lookup—teaching core Vue concepts, component architecture, state management, and API integration to build functional front‑end applications.

Practical projectsVue.jsfrontend development
0 likes · 4 min read
Practical Vue.js Course Overview and Project Outline
php Courses
php Courses
Jan 23, 2025 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering core concepts, component development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications for front‑end developers.

CourseElement UIUI Components
0 likes · 3 min read
Vue.js and Element UI Course Overview
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 31, 2024 · Fundamentals

Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability

This comprehensive guide explains what code maintainability means, why it matters for long‑term project health, and how to measure and improve it using concrete metrics such as naming conventions, comment density, code volume, logical line count, cyclomatic complexity, similarity, redundancy, and module dependencies, with practical examples and tool recommendations for JavaScript front‑end development.

ESLintJavaScriptcode metrics
0 likes · 50 min read
Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability
JD Tech
JD Tech
Dec 20, 2024 · Frontend Development

Designing a Universal Event System for Multi-Language Environments in Taro for Harmony

This article explores how Taro leverages C++ and the Harmony C‑API to build a high‑performance, cross‑language event system that unifies event handling across C++, ArkTS, and JavaScript, detailing architecture, event center implementation, node event processing, and future enhancements.

Event SystemHarmonyOSTaRO
0 likes · 11 min read
Designing a Universal Event System for Multi-Language Environments in Taro for Harmony
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 17, 2024 · Frontend Development

Choosing the Best LangChain Text Splitter for Frontend LLM Apps

This article compares five LangChain text splitters—CharacterTextSplitter, RecursiveCharacterTextSplitter, TokenTextSplitter, MarkdownTextSplitter, and LatexTextSplitter—by examining their principles, pros and cons, and ideal use cases, helping developers select the most suitable splitter for their frontend large‑model applications.

JavaScriptLLMLangChain
0 likes · 10 min read
Choosing the Best LangChain Text Splitter for Frontend LLM Apps
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 15, 2024 · Frontend Development

How Chrome Recorder Supercharges Development Efficiency

The article explains how Chrome's Recorder feature lets developers capture, replay, edit, and export user interaction flows, turning repetitive manual testing into a one‑click process that speeds up debugging, performance monitoring, and automated test creation.

Chrome DevToolsPerformance MonitoringRecorder
0 likes · 6 min read
How Chrome Recorder Supercharges Development Efficiency
Java Architect Essentials
Java Architect Essentials
Dec 11, 2024 · Frontend Development

Why OpenSumi Becomes the Go‑to Framework for Customizable Cloud and Desktop IDEs

OpenSumi is a dual‑target (Web and Electron) IDE framework from Alibaba that offers high performance, deep view‑customization, vertical‑domain experience, pure front‑end deployment, and full VS Code plugin compatibility, positioning it as a strong alternative to Theia and other open‑source IDE solutions.

Cloud IDEIDE frameworkOpenSumi
0 likes · 11 min read
Why OpenSumi Becomes the Go‑to Framework for Customizable Cloud and Desktop IDEs
Architect
Architect
Dec 5, 2024 · Frontend Development

How Mako Redefines Web Bundling: Architecture, Performance, and Plugins

Mako is a Rust‑based web bundler that offers zero‑config, production‑grade speed, hot‑module replacement, code‑splitting and module concatenation, and its architecture—spanning entry, compiler, load, parse, transform, dependency analysis, module creation, and plugin orchestration—is detailed with benchmarks and code examples.

MakoPerformancePlugin System
0 likes · 20 min read
How Mako Redefines Web Bundling: Architecture, Performance, and Plugins
JD Tech
JD Tech
Dec 5, 2024 · Frontend Development

Running W3C Standard CSS on HarmonyOS with Taro: Bridging CSS and ArkUI

This article explains how Taro converts standard W3C CSS into HarmonyOS ArkUI styles, addressing unit and layout differences, using a Rust‑based LightningCSS plugin and the Yoga layout engine, and detailing the full style initialization, matching, application, and update workflow for cross‑platform React development.

ArkUICSSHarmonyOS
0 likes · 13 min read
Running W3C Standard CSS on HarmonyOS with Taro: Bridging CSS and ArkUI
Bilibili Tech
Bilibili Tech
Dec 3, 2024 · Frontend Development

Design and Implementation of a WASM Demuxer for WebCodecs Video Frame Extraction

The project extracts FFmpeg’s demuxing logic into a lightweight WebAssembly module that feeds container‑agnostic video packets to WebCodecs, enabling fast, low‑cost frame extraction across many formats and cutting cover‑generation latency by ~40% while reducing container‑related failures by ~72%.

FFmpegVideo DemuxingWebAssembly
0 likes · 11 min read
Design and Implementation of a WASM Demuxer for WebCodecs Video Frame Extraction
JD Retail Technology
JD Retail Technology
Dec 3, 2024 · Frontend Development

Designing a Cross‑Language Event System for Taro on HarmonyOS

This article explains how Taro leverages C++ and the HarmonyOS C‑API to build a high‑performance, multi‑language event system that bridges ArkTS, JavaScript and native components, detailing architecture considerations, implementation details, and future directions for improving cross‑language event handling.

C++Event SystemHarmonyOS
0 likes · 10 min read
Designing a Cross‑Language Event System for Taro on HarmonyOS
Sohu Tech Products
Sohu Tech Products
Nov 20, 2024 · Frontend Development

JavaScript Pipeline Operator: Concepts, Drawbacks of Traditional Approaches, and Practical Usage

The JavaScript pipeline operator replaces cumbersome temporary variables, nested calls, and limited method chaining by letting developers chain regular, async, or generator functions directly, improving readability and maintainability, while Babel’s proposal‑hack plugin can be installed and configured now to start using it.

BabelCode ReadabilityJavaScript
0 likes · 3 min read
JavaScript Pipeline Operator: Concepts, Drawbacks of Traditional Approaches, and Practical Usage
21CTO
21CTO
Nov 19, 2024 · Frontend Development

Is Chrome the New Internet Explorer? A Deep Dive into Browser Dominance

The article examines Chrome’s rise to over 60% market share, compares its trajectory to Internet Explorer’s past dominance, presents expert opinions on its potential decline, and explores whether alternative browsers like Edge, Firefox, or Safari could disrupt its supremacy.

Chrome vs IEMicrosoft Edgebrowser competition
0 likes · 12 min read
Is Chrome the New Internet Explorer? A Deep Dive into Browser Dominance
php Courses
php Courses
Nov 8, 2024 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications.

Element UIUI ComponentsVue.js
0 likes · 3 min read
Vue.js and Element UI Course Overview
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Nov 6, 2024 · Frontend Development

Applying SOLID Principles to Frontend Development: Practical React and Angular Examples

This article explains the five SOLID design principles, shows how they are often violated in React and Angular code, and provides concrete refactorings—including custom hooks, separate services, validator classes, and interface segregation—to make frontend applications more maintainable, testable, and extensible.

AngularJavaScriptReAct
0 likes · 18 min read
Applying SOLID Principles to Frontend Development: Practical React and Angular Examples
Huolala Tech
Huolala Tech
Nov 6, 2024 · Frontend Development

How We Cut WeChat Mini‑Program Startup Time by 45% with Smart Async Splitting

This article details how the Huolala team tackled growing performance problems in their WeChat mini‑program—such as long startup, page‑switch lag, and increasing bundle size—by measuring key metrics, setting aggressive targets, and applying a series of optimizations including performance data reporting, code‑splitting, async component loading, and skeleton screens, ultimately achieving significant reductions in launch and transition times while keeping the main bundle size under control.

Async SplittingCode SplittingWeChat mini-program
0 likes · 24 min read
How We Cut WeChat Mini‑Program Startup Time by 45% with Smart Async Splitting
php Courses
php Courses
Nov 1, 2024 · Frontend Development

Vue.js and Element UI Course Overview

This Vue.js and Element UI course teaches fundamental concepts, component development, state management, routing, and extensive Element UI component usage, enabling learners to build responsive, interactive modern web applications and establish a solid foundation for a frontend development career.

Component LibraryElement UIVue.js
0 likes · 3 min read
Vue.js and Element UI Course Overview
Bilibili Tech
Bilibili Tech
Oct 29, 2024 · Frontend Development

WebCodecs Solution Analysis

The article evaluates WebCodecs‑based video editing for browsers, comparing it to cloud and ffmpeg.wasm approaches, and concludes that its low cost and high extensibility outweigh limited ecosystem and compatibility, while outlining the required modules, OPFS storage, frame decoding, and spatial‑temporal manipulation techniques.

PerformanceWeb APIWebCodecs
0 likes · 14 min read
WebCodecs Solution Analysis
Code Mala Tang
Code Mala Tang
Oct 20, 2024 · Frontend Development

Boost Your Coding Efficiency with 5 Essential VS Code Extensions

Discover five VS Code extensions—Error Lens, JavaScript ES6 Snippets, Prettier, Thunder Client, and Auto‑Rename Tag—that dramatically reduce debugging time, streamline coding, and help beginners write cleaner, more productive code.

VS Codecoding toolsextensions
0 likes · 7 min read
Boost Your Coding Efficiency with 5 Essential VS Code Extensions
58 Tech
58 Tech
Oct 12, 2024 · Frontend Development

Introducing Astro: Features, Performance Benefits, and Practical Project Implementation

This article introduces the Astro static‑site framework, explains its island architecture and performance advantages, compares Core Web Vitals with other frameworks, and provides detailed code examples and best‑practice guidelines for integrating Astro with React and Vue in real‑world projects.

AstroIsland ArchitectureJavaScript
0 likes · 15 min read
Introducing Astro: Features, Performance Benefits, and Practical Project Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 9, 2024 · Frontend Development

Vue.js and Element‑plus Code Style and Naming Conventions

This article presents comprehensive Vue.js and Element‑plus coding standards, covering enum naming, directory and file naming conventions, component file structure, attribute and directive usage, boolean, function, class, constant, and enum naming rules, emphasizing consistency to improve readability and maintainability.

Code styleComponent ArchitectureJavaScript
0 likes · 15 min read
Vue.js and Element‑plus Code Style and Naming Conventions
21CTO
21CTO
Oct 7, 2024 · Frontend Development

How Evan You’s VoidZero Aims to Unify the JavaScript Toolchain

Evan You, the creator of Vue.js, announced his new company VoidZero, which plans to build a unified, high‑performance JavaScript toolchain that addresses Vite’s limitations, introduces shared ASTs, common parsers, and faster bundlers like Rolldown, while already securing significant seed funding and industry adoption.

BundlerJavaScriptVite+
0 likes · 9 min read
How Evan You’s VoidZero Aims to Unify the JavaScript Toolchain
Architect's Guide
Architect's Guide
Sep 28, 2024 · Frontend Development

One‑Click VSCode Snippet Configuration and Customization Guide

This tutorial shows how to collect, configure, and customize reusable VSCode code snippets for JavaScript, TypeScript, Vue, Java and other languages, enabling developers to replace repetitive boiler‑plate with a single click and tailor placeholder behavior to their workflow.

JavaScriptVSCodeVue
0 likes · 8 min read
One‑Click VSCode Snippet Configuration and Customization Guide
JD Tech Talk
JD Tech Talk
Sep 27, 2024 · Frontend Development

How to Build a Simple QR Code Generator Chrome Extension

This article explains why writing a custom Chrome extension is beneficial and provides step‑by‑step instructions, including directory structure, manifest, background script, popup UI, testing, and publishing, to create a QR code generator that works directly from the browser.

Browser pluginChrome extensionJavaScript
0 likes · 9 min read
How to Build a Simple QR Code Generator Chrome Extension
Sohu Tech Products
Sohu Tech Products
Sep 25, 2024 · Frontend Development

Poster Generation: Techniques, Libraries, and Common Issues

The article reviews poster generation methods—server‑side rendering with headless browsers or watermarking, client‑side CPU/GPU approaches, and frontend Canvas‑based techniques—detailing libraries such as Fabric.js, html2canvas, and dom‑to‑image, comparing speed, quality, compatibility, addressing cross‑origin and rendering bugs, and advising when to choose each solution.

Canvas APIFabric.jsImage Rendering
0 likes · 13 min read
Poster Generation: Techniques, Libraries, and Common Issues
大转转FE
大转转FE
Sep 20, 2024 · Frontend Development

Poster Generation: Frontend, Backend, and Mobile Implementation Overview

This article explains various techniques for generating custom posters—including canvas, Fabric.js, html2canvas, and dom‑to‑image—covers client‑side, server‑side, and mobile approaches, compares their performance and compatibility, and provides solutions to common issues such as cross‑origin restrictions, white‑screen bugs, and image‑ratio problems.

CanvasFabric.jsPoster Generation
0 likes · 18 min read
Poster Generation: Frontend, Backend, and Mobile Implementation Overview
php Courses
php Courses
Sep 18, 2024 · Frontend Development

Vue.js and Element UI Frontend Development Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets such as layouts, forms, and interactive controls, preparing learners for modern frontend development careers.

CourseElement UIUI Components
0 likes · 3 min read
Vue.js and Element UI Frontend Development Course Overview
IT Services Circle
IT Services Circle
Sep 13, 2024 · Frontend Development

Visual Studio Code August 2023 Update (v1.93): New Features and Improvements

The August 2023 release of Visual Studio Code (v1.93) introduces a unified Profiles editor, enhanced Linux window controls, Django unit‑test support, richer IntelliSense on vscode.dev, a Notebook diff viewer, keyboard column resizing, a dedicated Source Control Graph view, and several GitHub Copilot enhancements.

IDESoftware UpdateVS Code
0 likes · 3 min read
Visual Studio Code August 2023 Update (v1.93): New Features and Improvements
Alibaba Cloud Native
Alibaba Cloud Native
Sep 12, 2024 · Backend Development

How to Build a High‑Quality Enterprise Codebase for AI‑Powered Code Completion

This guide explains how to prepare a clean, well‑documented enterprise code repository, outlines upload restrictions, annotation standards, naming conventions, and step‑by‑step usage of the Tongyi Lingma IDE plugin for both backend and frontend development scenarios, plus troubleshooting tips.

AI coding assistantBackend Developmentbest practices
0 likes · 10 min read
How to Build a High‑Quality Enterprise Codebase for AI‑Powered Code Completion
Ant R&D Efficiency
Ant R&D Efficiency
Sep 6, 2024 · Frontend Development

How CodeBlitz 2.0 Redefines Browser‑Based IDEs with AI, Multi‑Instance & WebContainer

CodeBlitz 2.0, an OpenSumi‑based pure‑browser IDE framework, eliminates the need for containers by offering AI‑native code completion, multi‑instance editors, a DiffViewerRenderer component, and early WebContainer support, positioning it as a next‑generation Web IDE for code reading, review, prototyping, online testing, and more.

AI-nativeBrowser IDECodeBlitz
0 likes · 18 min read
How CodeBlitz 2.0 Redefines Browser‑Based IDEs with AI, Multi‑Instance & WebContainer
Ant R&D Efficiency
Ant R&D Efficiency
Sep 5, 2024 · Frontend Development

OpenSumi 3.3.0 Release: Multi‑line Completion, Intelligent Rewrite, and New Features

OpenSumi 3.3.0 release adds multi-line inline completion, an intelligent rewrite widget, cross‑file undo/redo for inline diff, multi‑line comment support, UI and accessibility enhancements, numerous bug fixes, and performance tweaks, empowering developers to build highly customizable Web and Electron IDEs more efficiently.

IDE frameworkOpenSumiSoftware Release
0 likes · 8 min read
OpenSumi 3.3.0 Release: Multi‑line Completion, Intelligent Rewrite, and New Features
37 Interactive Technology Team
37 Interactive Technology Team
Sep 2, 2024 · Frontend Development

Understanding PostCSS: AST Structure, Objects, and Event Listeners

The article explains how PostCSS parses CSS into an abstract syntax tree composed of Declaration, Rule, Root, AtRule and Comment nodes, describes the rule‑ and hook‑based event listeners and depth‑first traversal used in PostCSS 8 versus the walk methods of PostCSS 7, and shows how this knowledge lets developers create custom plugins for tasks such as unit conversion, vendor prefixing, or dark‑mode generation.

CSS ASTCSS Processingevent listeners
0 likes · 9 min read
Understanding PostCSS: AST Structure, Objects, and Event Listeners
Bilibili Tech
Bilibili Tech
Aug 30, 2024 · Frontend Development

Implementing a Cross-Page Playback Queue with Document Picture-in-Picture

The article explains how Bilibili leveraged Chrome’s Document Picture‑in‑Picture API to create a cross‑page playback queue displayed in a small always‑on‑top window, detailing style synchronization, independent lifecycle handling via a helper class, and real‑time updates using BroadcastChannel‑plus‑iframe messaging while relying solely on native web features.

Cross-Page PlaybackDocument Picture-in-PictureJavaScript
0 likes · 31 min read
Implementing a Cross-Page Playback Queue with Document Picture-in-Picture
ByteDance Web Infra
ByteDance Web Infra
Aug 28, 2024 · Frontend Development

Rspack 1.0 Released: A Rust‑Based JavaScript Bundler with 10× Webpack Performance

Rspack 1.0, the Rust‑implemented next‑generation JavaScript bundler compatible with webpack APIs, launches with major performance gains, broader plugin compatibility, smaller bundle sizes, Module Federation 2.0 support, and a roadmap that includes faster HMR, portable caches, and deeper TypeScript integration.

BundlerJavaScriptPerformance
0 likes · 16 min read
Rspack 1.0 Released: A Rust‑Based JavaScript Bundler with 10× Webpack Performance
21CTO
21CTO
Aug 22, 2024 · Frontend Development

Is React Turning Into a Full‑Stack Framework? What You Need to Know

The article explores how React has evolved with server components, server actions, and TypeScript to bridge front‑end and back‑end development, discusses the shift from CSR to SSR, and examines the impact of tRPC and generated type interfaces on modern web engineering.

Full-StackReActServer Components
0 likes · 7 min read
Is React Turning Into a Full‑Stack Framework? What You Need to Know
ByteDance Web Infra
ByteDance Web Infra
Aug 20, 2024 · Frontend Development

Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results

The article shares a developer’s experience migrating two large Webpack projects to Rspack, covering why Rspack was chosen, detailed lessons on TypeScript handling, CSS extraction, service‑worker support, plugin compatibility, CLI differences, performance benchmarks, and future expectations for the Rust‑based bundler.

Build ToolsPerformanceRspack
0 likes · 15 min read
Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results
Sohu Tech Products
Sohu Tech Products
Aug 14, 2024 · Frontend Development

Mastering Theme Switching in React with Context API: A Complete Guide

This article explains how to use React's Context API to implement elegant multi‑theme switching, avoid props drilling, manage multiple contexts, and apply memoization techniques to prevent unnecessary re‑renders, improving performance and maintainability.

Context APIPerformance OptimizationReAct
0 likes · 11 min read
Mastering Theme Switching in React with Context API: A Complete Guide
Code Mala Tang
Code Mala Tang
Aug 8, 2024 · Frontend Development

Choosing the Right Node.js Version Manager: nvm vs Volta vs asdf

This guide compares three popular Node.js version managers—nvm, Volta, and asdf—detailing their installation steps, usage commands, underlying mechanisms, cautions, and recommendations to help developers choose the best tool for single‑project, multi‑project, cross‑platform, or multi‑language environments.

NVMVersion managementVolta
0 likes · 10 min read
Choosing the Right Node.js Version Manager: nvm vs Volta vs asdf
IT Services Circle
IT Services Circle
Jul 23, 2024 · Frontend Development

Vue2 vs Vue3: Differences, New Features, and Migration Guide

This article provides a comprehensive comparison between Vue 2 and Vue 3, detailing their architectural differences, new features such as the Composition API, TypeScript support, fragments, teleport, suspense, virtual‑DOM optimizations, and guidance on state management, build tools, and migration strategies.

Composition APIJavaScriptVue
0 likes · 20 min read
Vue2 vs Vue3: Differences, New Features, and Migration Guide
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jul 23, 2024 · Frontend Development

A Comprehensive Guide to Tailwind CSS: Core Concepts, Setup, and Advanced Features

This article provides an in‑depth overview of Tailwind CSS, covering its utility‑first philosophy, atomic CSS approach, configuration options, responsive and dark‑mode design, installation steps with PostCSS, JIT compilation, performance best practices, and a preview of the upcoming v4 engine.

ConfigurationDark ModeJIT compilation
0 likes · 29 min read
A Comprehensive Guide to Tailwind CSS: Core Concepts, Setup, and Advanced Features
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 23, 2024 · Frontend Development

Creating Custom ESLint Plugins to Enforce Team Coding Standards

This article explains how to develop custom ESLint plugins—covering background concepts, Yeoman generator setup, rule implementation for typeof and instanceof checks, unit testing, local linking, and providing recommended configurations—to ensure consistent code style and best‑practice enforcement across a development team.

ESLintJavaScriptcustom plugin
0 likes · 12 min read
Creating Custom ESLint Plugins to Enforce Team Coding Standards
Sohu Tech Products
Sohu Tech Products
Jul 10, 2024 · Frontend Development

Advanced CSS Techniques: Fluid Design, Mathematical Functions, and Modern Features

The article showcases advanced CSS capabilities—including fluid layouts with clamp, min, max and grid functions, new step functions like round, rem, and mod, versatile media queries, accent‑color and color‑scheme theming, custom counters, and variable‑driven animations—empowering developers to build responsive, modern, and performant web designs.

CSSCSS AnimationsCSS Functions
0 likes · 14 min read
Advanced CSS Techniques: Fluid Design, Mathematical Functions, and Modern Features
21CTO
21CTO
Jul 2, 2024 · Frontend Development

What ECMAScript 2024 and WasmGC Mean for Modern Web Development

The article covers Amazon’s $2 trillion market cap milestone, China’s push to standardize brain‑computer interfaces, the approval of ECMAScript 2024 with new JavaScript features, and Google Sheets’ shift from a JavaScript engine to a WasmGC‑based calculation engine, highlighting their broader tech implications.

ECMAScriptJavaScriptWasmGC
0 likes · 6 min read
What ECMAScript 2024 and WasmGC Mean for Modern Web Development
JD Cloud Developers
JD Cloud Developers
Jul 1, 2024 · Frontend Development

Why Developers Must Master Browsers: History, Architecture & Market Share

This article explains why developers—both frontend and backend—should understand browsers, covering user experience, compatibility, performance, security, and debugging, then traces the browser’s evolution from the early 1990s to modern multi‑process architectures, outlines core components, rendering engines, and current market share.

Performancebrowserbrowser history
0 likes · 12 min read
Why Developers Must Master Browsers: History, Architecture & Market Share
Efficient Ops
Efficient Ops
Jun 24, 2024 · Frontend Development

How ICBC Built an Enterprise‑Level Frontend Component Library to Accelerate Banking Innovation

This article details how Industrial and Commercial Bank of China (ICBC) created a cross‑channel, enterprise‑grade frontend component library and management platform to standardize UI design, boost development efficiency, and enhance user experience across mobile, PC, and smart‑terminal banking applications.

Component LibraryUI/UXbanking technology
0 likes · 8 min read
How ICBC Built an Enterprise‑Level Frontend Component Library to Accelerate Banking Innovation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 24, 2024 · Frontend Development

Using click-to-react-component to Quickly Locate React Component Source Code

This article explains how to efficiently locate and edit React component source files in large projects by using the click-to-react-component tool, covering installation, demo setup, interaction shortcuts, and the underlying mechanism that maps DOM elements to source code via React fiber nodes and VSCode links.

BabelCode navigationReAct
0 likes · 9 min read
Using click-to-react-component to Quickly Locate React Component Source Code
Code Mala Tang
Code Mala Tang
Jun 21, 2024 · Artificial Intelligence

How AI Turns UI Screenshots into Ready‑to‑Edit Front‑End Code

This article explains the Screenshot‑to‑Code project, detailing how AI‑driven image recognition converts UI screenshots into editable HTML, CSS, and JavaScript, describes the front‑end (React + Vite + Radix‑UI) and back‑end (Python + Poetry) architecture, showcases prompt engineering, and provides step‑by‑step setup instructions.

AI code generationPython BackendTailwind
0 likes · 14 min read
How AI Turns UI Screenshots into Ready‑to‑Edit Front‑End Code
Baidu Geek Talk
Baidu Geek Talk
Jun 19, 2024 · Frontend Development

YYF2C: Baidu YY's Figma & AI-Powered Design-to-Code Solution

YYF2C, Baidu and YY Interactive’s all‑in‑one Figma‑plus‑AI platform, transforms design files into high‑fidelity, semantically named code across web, React Native and admin components, offering plugins, light‑logic tags, DSL converters and SaaS management that together boost development efficiency by roughly fifteen percent.

AI code generationComponent LibraryDSL
0 likes · 11 min read
YYF2C: Baidu YY's Figma & AI-Powered Design-to-Code Solution
macrozheng
macrozheng
Jun 18, 2024 · Frontend Development

Discover Layui: A Lightweight Frontend UI Library for Rapid Web Development

Layui is a free, lightweight Web UI component library that follows native HTML/CSS/JS development, offering modular specifications, easy onboarding, and a rich set of components, with simple installation via download, npm, or CDN, making rapid, elegant frontend development straightforward.

Component LibraryJavaScriptLayui
0 likes · 7 min read
Discover Layui: A Lightweight Frontend UI Library for Rapid Web Development
DeWu Technology
DeWu Technology
Jun 14, 2024 · Frontend Development

WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD

The guide explains how to build WeChat Mini Programs using a hybrid WebView‑JavaScript sandbox architecture, stay within 20 MB (2 MB per package) limits, organize code with main and sub‑packages, choose uni‑app or Taro, optimize assets, configure app.json, employ dev tools, automate builds and uploads with miniprogram‑ci, and monitor performance via WeAnalysis.

CI/CDWeChat mini-programcross‑platform frameworks
0 likes · 16 min read
WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 14, 2024 · Frontend Development

Implementing an Infinite Canvas for VSCode: Enhancing Editor Window Management

This article describes how the author extended VSCode with an infinite‑canvas mode that gives each editor window its own position, supports free resizing, quick navigation, and window merging, dramatically improving the development experience for front‑end engineers who work with many split panes.

Editor UIVSCodefrontend development
0 likes · 8 min read
Implementing an Infinite Canvas for VSCode: Enhancing Editor Window Management
macrozheng
macrozheng
Jun 13, 2024 · Frontend Development

Master Cherry Markdown: Powerful Open-Source Editor with Features, Installation & Demos

Cherry Markdown, Tencent’s open-source JavaScript Markdown editor, offers lightweight, extensible editing with features like image scaling, chart generation, multi-cursor support, and multiple preview modes, and the article provides a detailed overview, performance highlights, installation steps, code examples, and demo screenshots.

JavaScripteditorfrontend development
0 likes · 6 min read
Master Cherry Markdown: Powerful Open-Source Editor with Features, Installation & Demos