Front-End Development

Bilibili Tech

Mar 7, 2025 · Frontend Development

Low‑Code Exploration and Remote Component Integration for Large‑Scale Front‑End Activities

The Cat Ear front‑end team solved the inefficiency of manually coding large‑scale live events by embedding remote low‑code components through a segment‑loader architecture, allowing operations to configure reusable JS/CSS/JSON bundles, cutting code size, accelerating delivery, and enabling rapid hot‑fixes while preserving pro‑code flexibility.

Front-End DevelopmentLow-CodePerformance Optimization

0 likes · 17 min read

Low‑Code Exploration and Remote Component Integration for Large‑Scale Front‑End Activities

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 EngineFront-End Development

0 likes · 16 min read

Canvas Engine for AIGC‑Enabled Product Design

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.

FrameworksFront-End DevelopmentHTML5

0 likes · 8 min read

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

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 ::partFront-End Developmentcomponent styling

0 likes · 5 min read

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

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.

ContainerizationDevOpsDocker

0 likes · 10 min read

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

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.

Angry BirdsCross‑PlatformDora SSR

0 likes · 11 min read

How to Develop a Game Using Dora SSR Engine

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.

Front-End Developmentamiscomponent-extension

0 likes · 17 min read

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

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.

Front-End DevelopmentMockingSDK integration

0 likes · 11 min read

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

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.

AIFront-End DevelopmentLow-Code

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

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.

CachingFront-End DevelopmentH5 optimization

0 likes · 13 min read

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

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.

Front-End DevelopmentTaroWebpack

0 likes · 14 min read

Understanding Taro Mini-Runner: Compilation Process and Webpack Configuration

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.

Domain-Driven DesignFront-End DevelopmentModularization

0 likes · 21 min read

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

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 IDECodeBlitzFront-End Development

0 likes · 15 min read

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

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.

Front-End DevelopmentReactRedux

0 likes · 10 min read

Using React and Redux to Build a Todo List Application

DeWu Technology

Jul 12, 2023 · Frontend Development

Git Sparse Checkout for Front‑end Monorepo: Architecture, CLI, and VSCode Plugin

To avoid pulling a massive front‑end monorepo, the team adopted Git’s built‑in sparse checkout (since 2.25), wrapping it in a custom CLI tool and a VSCode extension that let users select domains and fetch only needed paths, while noting metadata size and performance challenges.

CLIFront-End DevelopmentGit

0 likes · 12 min read

Git Sparse Checkout for Front‑end Monorepo: Architecture, CLI, and VSCode Plugin

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.

Component LibraryFront-End DevelopmentTaro

0 likes · 10 min read

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

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.

BorrowingFront-End DevelopmentMemory Safety

0 likes · 21 min read

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

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 HoudiniFront-End Development

0 likes · 21 min read

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

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.

Best PracticesDevelopment EnvironmentDirectory Structure

0 likes · 9 min read

Project Documentation Best Practices for Front-end Development

DeWu Technology

Apr 1, 2022 · Frontend Development

Overview of Front-End Development: History, Fundamentals, SPA, Micro‑Frontends, and Full‑Stack Evolution

Front‑end development has progressed from early back‑end‑only sites to a distinct discipline covering HTML, CSS, and JavaScript, embracing SPA techniques, micro‑frontend architectures, and full‑stack capabilities via Node.js and BFF layers, requiring engineers to grasp both client presentation and server‑side concepts for collaborative, modular, reusable web applications.

BFFFront-End DevelopmentNode.js

0 likes · 13 min read

Overview of Front-End Development: History, Fundamentals, SPA, Micro‑Frontends, and Full‑Stack Evolution