BestHub
Sign in
Tagged articles

front-end development

45 articles · Page 1 of 1
Top Architecture Tech Stack
Top Architecture Tech Stack
Jul 17, 2026 · Frontend Development

How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop

Claude Code’s new desktop‑side built‑in browser collapses the classic edit‑refresh‑inspect cycle by embedding code editing, live preview, screenshot, annotation and verification into a single workflow, offering shortcuts, permission controls and server configuration to streamline front‑end UI development.

AI coding assistantClaude CodeUI testing
0 likes · 15 min read
How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop
Node.js Tech Stack
Node.js Tech Stack
Feb 5, 2026 · Frontend Development

Claude Opus 4.6 vs GPT‑5.3‑Codex: Is Front‑End Development Entering an Autopilot Era?

The article compares Anthropic’s Claude Opus 4.6 and OpenAI’s GPT‑5.3‑Codex, analyzing their terminal‑automation, agentic collaboration, and UI‑design capabilities through benchmarks like Terminal‑Bench 2.0 and OSWorld, and advises front‑end developers which model better fits their workflow and project needs.

AI coding assistantsAgentic WorkflowClaude Opus
0 likes · 7 min read
Claude Opus 4.6 vs GPT‑5.3‑Codex: Is Front‑End Development Entering an Autopilot Era?
Youzan Coder
Youzan Coder
Sep 3, 2025 · Mobile Development

How Skyline Engine Gives WeChat Mini Programs Near‑Native Mobile Performance

This article explains how the Skyline rendering engine improves WeChat Mini Programs by eliminating first‑frame white screens, accelerating page transitions, and delivering native‑like experiences through data pre‑loading, animation techniques, and detailed migration steps.

First Frame RenderingHybrid App OptimizationSkyline Engine
0 likes · 13 min read
How Skyline Engine Gives WeChat Mini Programs Near‑Native Mobile Performance
DaTaobao Tech
DaTaobao Tech
Feb 19, 2025 · Frontend Development

Canvas Engine for AIGC‑Enabled Product Design

TMIC’s Canvas Engine combines a Konva‑based front‑end canvas framework with AIGC model interfaces to give merchants low‑level, undoable editing tools—such as template loading, intelligent image adjustments, magic eraser, filters, and watermarking—while exposing an SDK and JSON protocol for easy integration and future AI‑driven extensions.

AIGCCanvas EngineJSON Protocol
0 likes · 16 min read
Canvas Engine for AIGC‑Enabled Product Design
JavaScript
JavaScript
Jan 8, 2025 · Frontend Development

14 Must-Have VSCode Extensions to Supercharge Your Front‑End Workflow

This guide lists fourteen essential VSCode extensions for front‑end developers, covering AI code assistants, linting, formatting, navigation, error feedback, dependency size visualization, API testing, Git enhancements, path completion, live server, real‑time execution, project management, and quick code running, each with key features and tips.

AI assistantsExtensionsJavaScript
0 likes · 11 min read
14 Must-Have VSCode Extensions to Supercharge Your Front‑End Workflow
iKang Technology Team
iKang Technology Team
Nov 7, 2024 · Frontend Development

Overview of H5 (HTML5) Technology: Advantages, Design Principles, Development Modes, and Common Issues

HTML5 provides a cross‑platform, multi‑device web standard with rich media and interactivity, offering responsive design, flexible layouts, and resource adaptation, while supporting native, hybrid, and framework development modes; however, developers must address security, legacy browser compatibility, performance, SEO, and platform‑specific integration challenges.

FrameworksHTML5Web Development
0 likes · 8 min read
Overview of H5 (HTML5) Technology: Advantages, Design Principles, Development Modes, and Common Issues
HelloTech
HelloTech
Jul 16, 2024 · Frontend Development

Quark Design 2.0 Release: Extending Web Component Styling with ::part

Quark Design 2.0 introduces ::part support, enabling developers to style any internal part of a Web Component’s shadow DOM from outside—surpassing the previous reliance on limited CSS variables—while remaining fully backward‑compatible, cross‑framework, and demonstrated via a live StackBlitz example.

CSS ::partComponent StylingShadow DOM
0 likes · 5 min read
Quark Design 2.0 Release: Extending Web Component Styling with ::part
Code Mala Tang
Code Mala Tang
Jul 9, 2024 · Cloud Native

Why Front‑End Developers Should Master Docker: A Hands‑On Guide

This guide explains why front‑end developers need Docker, introduces core concepts, walks through installing Docker, building and running a simple container, using Docker Compose for a full‑stack React‑Node app, and shares practical configuration tips to ensure consistent, efficient development across environments.

DevOpsDockerDocker Compose
0 likes · 10 min read
Why Front‑End Developers Should Master Docker: A Hands‑On Guide
Java Tech Enthusiast
Java Tech Enthusiast
Jul 2, 2024 · Game Development

How to Develop a Game Using Dora SSR Engine

The article shows front‑end developers how to build a simple “Angry Birds” style game with the Dora SSR engine—using TSX, TypeScript, and React‑like components—by setting up the environment, creating scenes, handling physics and input, and leveraging its Lua/WASM backend.

Dora SSRGame DevelopmentGame Engine
0 likes · 11 min read
How to Develop a Game Using Dora SSR Engine
Baidu Geek Talk
Baidu Geek Talk
Jul 1, 2024 · Frontend Development

NPM Component Extension Package Design and Development Practice for Baidu's Low-Code Platform

The article details how Baidu’s low‑code platform uses NPM Component Extension Packages to let developers create and register custom UI components—supporting Vue 2, Vue 3, React, jQuery, and UniApp—via the amis‑widget CLI, offering local preview, debugging, and publishing workflows for flexible, multi‑stack integration.

Custom Componentsamiscomponent-extension
0 likes · 17 min read
NPM Component Extension Package Design and Development Practice for Baidu's Low-Code Platform
Bilibili Tech
Bilibili Tech
May 10, 2024 · Frontend Development

Web‑Integrated Proxy Tool: Zero‑Installation, Remote Debugging and Mocking for Front‑End Development

This article presents a zero‑install, web‑integrated proxy that developers can launch via a browser link or QR code, injects an SDK to intercept network calls, offers remote debugging and UI‑driven mock rule configuration, and stores data in IndexedDB, while noting operational overhead and limited applicability.

HTTP interceptionMockingRemote Debugging
0 likes · 11 min read
Web‑Integrated Proxy Tool: Zero‑Installation, Remote Debugging and Mocking for Front‑End Development
FunTester
FunTester
Feb 23, 2024 · Operations

Four Misleading Tech Trends of 2023: AI in Front‑End Development, AI‑Driven Monitoring, ERP & Low‑Code Hype, and Cloud Cost Myths

The article debunks four popular 2023 tech hype cycles—AI supposedly replacing front‑end developers, AI‑powered monitoring replacing traditional ops, the notion that ERP and mid‑platform are dead while low‑code reigns, and the claim that cloud migration is prohibitively expensive—by offering practical experience‑based counter‑arguments.

AILow-codefront-end development
0 likes · 13 min read
Four Misleading Tech Trends of 2023: AI in Front‑End Development, AI‑Driven Monitoring, ERP & Low‑Code Hype, and Cloud Cost Myths
iQIYI Technical Product Team
iQIYI Technical Product Team
Dec 29, 2023 · Frontend Development

Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results

To address fragmented TV OS versions, low‑end hardware, and SDK fragmentation, the Kiwi App team defined unified performance metrics and applied optimizations—resource merging, server‑side rendering, offline caching, HTTP/2 networking, parallel loading, WebView pre‑heating, and page pre‑rendering—cutting average H5 load time from over five seconds to about two seconds and increasing conversion and payment success rates, with plans to keep loads under two seconds.

SSRTV DevicesWeb Performance
0 likes · 13 min read
Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results
HelloTech
HelloTech
Dec 26, 2023 · Frontend Development

Understanding Taro Mini-Runner: Compilation Process and Webpack Configuration

Taro’s mini‑runner builds a webpack configuration from base, custom, and platform‑specific settings, then runs webpack to compile a single codebase into bundles for mini‑programs, H5, and other targets, while allowing extensive plugin, loader, and constant customization for multi‑platform development.

Build configurationTaROfront-end development
0 likes · 14 min read
Understanding Taro Mini-Runner: Compilation Process and Webpack Configuration
Tencent Cloud Developer
Tencent Cloud Developer
Oct 11, 2023 · Frontend Development

Clean Architecture in Front-End Development: Principles, Practices, and Comparative Analysis

The article explains why solid software architecture matters, introduces Robert C. Martin’s Clean Architecture and its framework‑, UI‑, database‑, and service‑independent principles, compares it with Hexagonal and DDD layered styles, details strategic and tactical phases for front‑end MVVM projects, provides layered code samples, and weighs its benefits against the initial overhead, urging teams to choose the approach that fits their project’s complexity and lifespan.

Clean ArchitectureDomain-Driven DesignSoftware Design
0 likes · 21 min read
Clean Architecture in Front-End Development: Principles, Practices, and Comparative Analysis
Ant R&D Efficiency
Ant R&D Efficiency
Sep 9, 2023 · Frontend Development

CodeBlitz – An Open‑Source Pure Front‑End IDE Framework Based on OpenSumi

CodeBlitz is an open‑source, container‑free IDE framework built on OpenSumi that brings full‑stack code reading, syntax highlighting, editing, offline language services and WebSCM capabilities directly to the browser, targeting lightweight scenarios such as code review, conflict resolution, online exams, and SQL editing, and is already deployed within Ant Group and partner platforms.

Browser-based IDECodeBlitzOpenSumi
0 likes · 15 min read
CodeBlitz – An Open‑Source Pure Front‑End IDE Framework Based on OpenSumi
Ximalaya Technology Team
Ximalaya Technology Team
Aug 19, 2023 · Frontend Development

Using React and Redux to Build a Todo List Application

This guide walks through creating a React Todo List app with Redux by installing the libraries, defining TypeScript state and actions for adding and deleting items, implementing an immutable reducer, configuring a store, wrapping the root with Provider, and connecting UI components to dispatch and display the todo array, illustrating the full Redux workflow and its debugging advantages.

ReActReduxState Management
0 likes · 10 min read
Using React and Redux to Build a Todo List Application
DeWu Technology
DeWu Technology
Aug 2, 2023 · Frontend Development

Efficiency Engineering Micro-application Implementation

Implementing micro‑applications for efficiency engineering using a monorepo and micro‑frontend approach, supported by tools like monopower, the company tackled dependency and coupling challenges, cutting migration time by 30% and halving maintenance costs while delivering a robust architecture, testing, and monitoring framework.

Dependency Managementcode couplingfront-end development
0 likes · 15 min read
Efficiency Engineering Micro-application Implementation
HelloTech
HelloTech
Feb 28, 2023 · Frontend Development

Design and Implementation of a Taro Component Library with Integrated Documentation and Demo

The article describes building a Taro component library whose components, documentation and live demos are generated from a single Markdown source, using Rollup‑built ES modules, a Vite‑based static site, a custom webpack markdown loader, and an isolated H5 demo project to ensure maintainable, reusable code and synchronized documentation.

DocumentationTaROTypeScript
0 likes · 10 min read
Design and Implementation of a Taro Component Library with Integrated Documentation and Demo
Tencent Cloud Developer
Tencent Cloud Developer
Sep 8, 2022 · Frontend Development

Understanding Rust: Memory Safety, Ownership, Borrowing, and Its Impact on Front‑End Development

Rust, a compiled, memory‑safe language that enforces ownership and borrowing at compile time, eliminates garbage‑collection overhead, enabling high‑performance front‑end tools like swc and Rome and efficient WebAssembly modules, though its strict rules present a steep learning curve for newcomers.

OwnershipProgramming LanguageRust
0 likes · 21 min read
Understanding Rust: Memory Safety, Ownership, Borrowing, and Its Impact on Front‑End Development
vivo Internet Technology
vivo Internet Technology
Jul 6, 2022 · Frontend Development

An Introduction to CSS Houdini: APIs, Usage, and Examples

CSS Houdini exposes low‑level browser rendering APIs to JavaScript, letting developers define custom properties, paints, animations, and layouts with typed objects, high‑performance worklets, and native support that surpasses polyfills, while offering examples, usage patterns, and current browser compatibility details.

Animation APICSS HoudiniPaint API
0 likes · 21 min read
An Introduction to CSS Houdini: APIs, Usage, and Examples
DeWu Technology
DeWu Technology
Jun 6, 2022 · Frontend Development

Project Documentation Best Practices for Front-end Development

Effective front‑end project documentation should clearly define the project name, development environment, directory layout, SDK references, known pitfalls, deployment procedures, monitoring alerts, and business context, providing a consistent, searchable guide that speeds onboarding, reduces setup errors, and improves long‑term maintainability.

Code styleDirectory StructureREADME.md
0 likes · 9 min read
Project Documentation Best Practices for Front-end Development
DaTaobao Tech
DaTaobao Tech
Feb 25, 2022 · Frontend Development

Using Flutter Web for Cross‑Platform Deployment in the Liquid Development System

The article explains how integrating Flutter Web into the Liquid development system enables one‑time development for web, Taobao mini‑app and native apps while reusing backend services, demonstrates that its performance meets production needs—outperforming ordinary browsers though still lagging behind native pages—and outlines the Dart SDK replacement, build process, and future optimization plans.

Liquid Architecturecross‑platformflutter-web
0 likes · 10 min read
Using Flutter Web for Cross‑Platform Deployment in the Liquid Development System
Youku Technology
Youku Technology
Nov 10, 2021 · Frontend Development

Design and Implementation of a No‑Code Logic Orchestration Platform (YOHO)

YOHO is a no‑code, graphically‑driven logic orchestration platform built on the G6 engine that lets non‑technical users compose business workflows by dragging components onto a canvas, exporting a DSL, and executing it at runtime, thereby separating UI from logic, enabling rapid parallel development, component reuse, and significant cost and time savings.

G6NoCodecomponent design
0 likes · 17 min read
Design and Implementation of a No‑Code Logic Orchestration Platform (YOHO)
360 Quality & Efficiency
360 Quality & Efficiency
Jun 11, 2021 · Frontend Development

How Front-End Developers Can Check and Implement On-Page SEO

This guide explains what SEO is, why it matters, how front‑end developers can audit on‑page SEO using Chrome Lighthouse, and provides practical recommendations for writing title, description, keywords, semantic HTML, CSS, and image alt attributes to improve search engine visibility.

HTML SemanticsLighthouseMeta Tags
0 likes · 7 min read
How Front-End Developers Can Check and Implement On-Page SEO
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 13, 2021 · Product Management

What Drives Low‑Code Success? 5 Years of Front‑End Innovation and Market Insight

This article shares a five‑year journey of building a low‑code front‑end platform, explains the concept and key industry definitions, analyses market size and leader classifications, and discusses product strategy, service‑ization, code conversion, pandemic‑driven use cases, and future directions for low‑code adoption.

Market AnalysisPlatform engineeringdigital transformation
0 likes · 13 min read
What Drives Low‑Code Success? 5 Years of Front‑End Innovation and Market Insight
vivo Internet Technology
vivo Internet Technology
Apr 7, 2021 · Frontend Development

3D Data Visualization in Front-end Development: From Concept to Practice

The article guides front‑end developers from basic 2D charting to immersive 3D data visualizations, explaining WebGL’s rendering pipeline, comparing libraries such as Three.js and Babylon.js, detailing camera, lighting, model handling techniques, and showing how Draco compression dramatically shrinks GLB assets while preserving quality.

3D rendering3d-visualizationData Visualization
0 likes · 15 min read
3D Data Visualization in Front-end Development: From Concept to Practice
Didi Tech
Didi Tech
Mar 19, 2021 · Frontend Development

Package Size Control Practices in Didi Ride‑Hailing Mini Program

After moving its WeChat/Alipay entry to a Didi Ride‑Hailing mini‑program, the team kept the main bundle under the 2 MB limit by applying MPX‑based webpack tree‑shaking, minification, CDN‑compressed assets, aggressive sub‑package splitting and a lightweight cover page, reducing the core to about 1.1 MB while shifting most business logic into 800 KB–1.2 MB sub‑packages.

Didi Ride-HailingMPX FrameworkMini Program
0 likes · 14 min read
Package Size Control Practices in Didi Ride‑Hailing Mini Program
vivo Internet Technology
vivo Internet Technology
Mar 10, 2021 · Frontend Development

Performance Optimization Strategies for a WeChat Mini‑Program Serving Vivo Offline Agents

The article details how the C‑end User Mini‑Program for Vivo offline agents was optimized to meet strict performance targets—reducing startup time, white‑screen duration, rendering latency, and memory usage—through code trimming, sub‑packaging, CDN assets, data caching, skeleton screens, and efficient setData handling, achieving faster loads and smoother interaction.

Code SplittingMemory ManagementWeChat MiniProgram
0 likes · 13 min read
Performance Optimization Strategies for a WeChat Mini‑Program Serving Vivo Offline Agents
Baidu Geek Talk
Baidu Geek Talk
Jan 13, 2021 · Frontend Development

Baidu Open-source Mini-program Framework Architecture Evolution and Performance Optimization Practices

An overview of Baidu's Smart Mini‑Program framework evolution describes its dual‑stack SWAN architecture, open‑host extensions, and native‑web integration, while the second part details performance‑boosting practices such as sub‑packaging, resource compression, early data fetching, and efficient setData usage to approach native app startup speeds.

Baidu-SWANframework architecturefront-end development
0 likes · 16 min read
Baidu Open-source Mini-program Framework Architecture Evolution and Performance Optimization Practices
21CTO
21CTO
Sep 26, 2020 · Frontend Development

From Anime Fan to Vue Pioneer: Evan You’s Journey and Front‑End Insights

The article chronicles Evan You’s unconventional path from art student and anime enthusiast to creator of the Vue framework, highlighting his motivations, the naming of Vue releases, community growth, funding model, and his advice for non‑CS developers in modern front‑end development.

Evan YouVue.jscareer advice
0 likes · 10 min read
From Anime Fan to Vue Pioneer: Evan You’s Journey and Front‑End Insights
iQIYI Technical Product Team
iQIYI Technical Product Team
Nov 28, 2019 · Frontend Development

Technical Implementation Guide for iQIYI Interactive Drama

The guide details iQIYI’s interactive drama framework—defining design elements like bridges, scenes, and interactions, outlining core modules for initialization, interaction, component, and storyline management, describing the end‑to‑end workflow and three‑layer architecture, and outlining current deployments and future platformization and standardization plans.

Interactive Videofront-end developmentiQIYI
0 likes · 14 min read
Technical Implementation Guide for iQIYI Interactive Drama
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Oct 22, 2019 · Cloud Computing

Exploring Serverless: Concepts, Benefits, and Real-World Applications in Education

This article explains the Serverless architecture, its advantages for front‑end developers, showcases Tencent Education’s Serverless design, discusses its use in educational services, and highlights current challenges such as cold‑start latency and state management, while offering insights from industry experts.

Cloud ComputingEducation Technologyfront-end development
0 likes · 4 min read
Exploring Serverless: Concepts, Benefits, and Real-World Applications in Education
CSS Magic
CSS Magic
Sep 29, 2018 · Blockchain

Why a Front-End Veteran Turned to Blockchain: An InfoQ Interview with CSS Magic

In this InfoQ interview, seasoned front‑end engineer CSS Magic explains how his ten‑year web background led him to explore decentralized applications, compares DApp architecture with traditional web apps, outlines blockchain’s unique traits, public‑chain selection criteria, required skills, and offers career advice for developers considering the blockchain wave.

BlockchainDAppdecentralization
0 likes · 15 min read
Why a Front-End Veteran Turned to Blockchain: An InfoQ Interview with CSS Magic
Tencent Cloud Developer
Tencent Cloud Developer
Jun 6, 2018 · Frontend Development

React Introduction: Core Concepts, Component Architecture, and JSX Fundamentals

React, an open‑source UI library created by Facebook, uses a virtual DOM and component‑based architecture—both class‑based and functional—to build modular, reusable interfaces, while JSX provides an XML‑like syntax that compiles to JavaScript, enhancing development efficiency and maintainability.

Component-Based ArchitectureES6 Class ComponentFunctional Component
0 likes · 9 min read
React Introduction: Core Concepts, Component Architecture, and JSX Fundamentals
Tencent Cloud Developer
Tencent Cloud Developer
Apr 25, 2018 · Mobile Development

Developing a WeChat Mini‑Program for ID Card Capture: A Personal Technical Walkthrough

A Tencent Cloud UI engineer details how they built a WeChat mini‑program that captures a personal ID card with the device camera, uses WXML, WXSS, and JavaScript, adapts layouts with rpx units, leverages WeUI components, and overlays text masks via cover‑view components before uploading the image for registration.

Camera ComponentWXMLWXSS
0 likes · 6 min read
Developing a WeChat Mini‑Program for ID Card Capture: A Personal Technical Walkthrough
vivo Internet Technology
vivo Internet Technology
Mar 30, 2018 · Mobile Development

Quick App Development: Practices, Challenges, and Solutions in Vivo Mall

The article explains how quick apps—lightweight, install‑free applications built on a native engine—are developed using Node.js and hap‑toolkit, compares them to web SPAs, demonstrates reusable layout components and a unified fetch wrapper, outlines system APIs, common pitfalls, and shows that a ten‑page Vivo Mall quick‑app with account and payment integration was built in about one week, delivering native‑like performance and rapid updates.

Component ArchitectureFetch WrapperQuick App
0 likes · 17 min read
Quick App Development: Practices, Challenges, and Solutions in Vivo Mall
Meituan Technology Team
Meituan Technology Team
Nov 2, 2017 · Big Data

Meituan Dianping Technology Seminar

The Meituan Dianping Technology Seminar presents five expert‑led sessions covering big‑data recommendation strategies for homestays, the construction of Meitu’s data platform, personalized information‑flow implementation, cross‑city video‑conference communication systems, and the latest trends in front‑end technology, each illustrated with practical case studies.

AIPersonalized RecommendationTech Seminar
0 likes · 4 min read
Meituan Dianping Technology Seminar
Aotu Lab
Aotu Lab
Jun 30, 2017 · Frontend Development

Understanding Pagination: Traditional vs. Infinite Scrolling and How to Implement Them

This article explains the differences between traditional page‑number pagination and infinite‑scroll (streaming) pagination, compares their characteristics, and provides detailed front‑end and back‑end implementation methods along with common pitfalls and optimization techniques such as caching, cursor‑based paging, and client‑side deduplication.

Cache OptimizationCursor Paginationback-end development
0 likes · 12 min read
Understanding Pagination: Traditional vs. Infinite Scrolling and How to Implement Them
Baidu Tech Salon
Baidu Tech Salon
Mar 31, 2014 · Frontend Development

FIS vs FIS+: Understanding the Differences

FIS is a core compilation engine that defines static resource management concepts, while FIS+ builds on it to provide a full PHP‑Smarty3 solution with a complete directory structure, extra plugins for integration and security, and features like local data simulation and URL forwarding.

FISFIS+PHP
0 likes · 5 min read
FIS vs FIS+: Understanding the Differences