BestHub
Sign in
Tagged articles

frontend

3211 articles · Page 12 of 33
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jun 12, 2023 · Frontend Development

Design and Architecture of Corona: NetEase Cloud Music Multi‑Platform Front‑End Monitoring System

Corona is NetEase Cloud Music’s unified, cross‑platform front‑end monitoring system that ingests logs from Web, React Native, Node.js, Android, iOS, Flutter and Windows CEF, enriches them, routes them through real‑time anomaly and performance pipelines, stores them in HBase, and offers customizable alerts, de‑obfuscation, AI‑assisted analysis, and extensible reporting to ensure rapid fault detection and remediation across the organization.

LoggingMonitoringPerformance
0 likes · 17 min read
Design and Architecture of Corona: NetEase Cloud Music Multi‑Platform Front‑End Monitoring System
Programmer DD
Programmer DD
Jun 9, 2023 · Frontend Development

Explore Tencent’s Open‑Source Front‑End Frameworks: wujie and Omi

This article introduces Tencent’s two open‑source front‑end frameworks—wujie, a micro‑frontend solution built on Web Components and iframes, and Omi, a cross‑framework, cross‑platform library—detailing their core concepts, key features, and where to find their source code.

OmiTencentWujie
0 likes · 6 min read
Explore Tencent’s Open‑Source Front‑End Frameworks: wujie and Omi
ByteDance Web Infra
ByteDance Web Infra
Jun 8, 2023 · Frontend Development

Rspack 0.2 Release: New Features, Plugin Hooks, realContentHash, ESM/System Format, SplitChunksPlugin Improvements, Compatibility Updates, and Breaking Changes

Rspack 0.2 introduces numerous enhancements such as realContentHash, DataURI and ESM/System format support, extensive loader and plugin hook compatibility with Webpack, a refactored SplitChunksPlugin, updated framework integrations, benchmark comparisons, and several breaking changes to align filename generation with Webpack standards.

Build ToolRspackfrontend
0 likes · 12 min read
Rspack 0.2 Release: New Features, Plugin Hooks, realContentHash, ESM/System Format, SplitChunksPlugin Improvements, Compatibility Updates, and Breaking Changes
Ctrip Technology
Ctrip Technology
Jun 8, 2023 · Frontend Development

Optimizing CSS Animation Performance: Techniques and Best Practices

This article explains how to improve CSS animation performance by understanding the browser rendering pipeline, using GPU‑accelerated transforms, avoiding costly properties and complex selectors, leveraging will‑change and requestAnimationFrame, and preferring CSS over JavaScript for smoother, lower‑latency visual effects.

CSSGPUOptimization
0 likes · 13 min read
Optimizing CSS Animation Performance: Techniques and Best Practices
Sohu Tech Products
Sohu Tech Products
Jun 7, 2023 · Frontend Development

Implementing a Custom Interactive Curve Chart with Canvas and Bezier Curves

This article explains how to build a feature‑rich, responsive curve chart from scratch using HTML5 canvas, covering layer separation, adaptive sizing, custom gradient fills, Bezier curve calculations, point‑on‑path detection, label handling, animation masking, and a complete configuration object with code examples.

Bezier Curvedata visualizationfrontend
0 likes · 19 min read
Implementing a Custom Interactive Curve Chart with Canvas and Bezier Curves
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 7, 2023 · Frontend Development

Evolution of Frontend Rendering Modes: CSR, SSR, SSG, ISG, Progressive Hydration and Islands Architecture

This article traces a decade of front‑end rendering evolution, explaining traditional server‑side rendering, the rise of client‑side frameworks, modern hybrid approaches such as SSR, SSG, ISG, progressive and selective hydration, streaming SSR, islands architecture and React Server Components, while highlighting their trade‑offs and use‑cases.

CSRRenderingSSR
0 likes · 14 min read
Evolution of Frontend Rendering Modes: CSR, SSR, SSG, ISG, Progressive Hydration and Islands Architecture
政采云技术
政采云技术
Jun 7, 2023 · Frontend Development

Comprehensive Guide to CSS Background Gradients: Radial, Linear, Conic, and Repeating

This article explains how to create various CSS background gradients—including radial, linear, conic, and their repeating forms—by detailing syntax, parameters such as shape, size, position, color stops, and provides practical code examples to help developers translate design specifications into accurate CSS.

background-gradientconic-gradientfrontend
0 likes · 11 min read
Comprehensive Guide to CSS Background Gradients: Radial, Linear, Conic, and Repeating
JD Tech
JD Tech
Jun 6, 2023 · Frontend Development

Design and Architecture of JD Tech’s Unified Activity Platform “Magic Flute”

The article presents a comprehensive overview of JD Tech’s “Magic Flute” activity platform, analyzing traditional high‑code and configuration‑driven development models, proposing a unified low‑code SaaS/PAAS solution, detailing its functional architecture, component management, workflow orchestration, and operational workflows to improve productivity across business teams.

JD Techactivity platformarchitecture
0 likes · 19 min read
Design and Architecture of JD Tech’s Unified Activity Platform “Magic Flute”
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jun 2, 2023 · Frontend Development

Top Frontend Insights: AI Naming, PDF Chat, Performance Boosts & Hidden JS APIs

This roundup highlights cutting‑edge topics ranging from why AI models are named after alpacas and how to converse with PDFs, to practical front‑end performance gains, an in‑depth webpack resolve walkthrough, ten powerful reduce techniques, and five obscure JavaScript native APIs, plus a brief intro to a leading front‑end team.

APIJavaScriptPerformance
0 likes · 3 min read
Top Frontend Insights: AI Naming, PDF Chat, Performance Boosts & Hidden JS APIs
Aotu Lab
Aotu Lab
Jun 1, 2023 · Frontend Development

How We Built a 3D Web Shopping Experience with Babylon.js and React

This article details a step‑by‑step case study of creating a web‑based 3D shopping scene, covering framework selection, rendering layer architecture, collision handling, asset pipelines, performance optimizations, and future iteration plans for lazy loading and real‑time lighting.

3DOptimizationWebGL
0 likes · 17 min read
How We Built a 3D Web Shopping Experience with Babylon.js and React
政采云技术
政采云技术
May 31, 2023 · Frontend Development

Frontend Single File Upload to Cloud Service Storage

This article explains the common approaches for uploading a single file from a web front‑end to cloud storage, compares backend‑mediated and direct browser uploads, provides SDK and temporary‑URL examples with code, and discusses encryption, request formats, and best‑practice recommendations.

SDKcloud storagefile upload
0 likes · 16 min read
Frontend Single File Upload to Cloud Service Storage
Laravel Tech Community
Laravel Tech Community
May 30, 2023 · Frontend Development

Layui Release Notes – New Features, Bug Fixes, and Optimizations

This release note details the latest Layui updates, introducing new global form attributes, numerous bug fixes for checkboxes, tables, and tree tables, as well as performance optimizations across components like layer, laydate, upload, and code, with code snippets illustrating the changes.

JavaScriptfrontendrelease-notes
0 likes · 5 min read
Layui Release Notes – New Features, Bug Fixes, and Optimizations
DeWu Technology
DeWu Technology
May 24, 2023 · Frontend Development

Performance Optimization and Architecture Refactoring of DeWu Customer Service Ticket Frontend

The DeWu customer service ticket frontend was re‑architected by aggregating APIs, splitting fast and slow interfaces, adopting Module Federation, implementing a single‑instance design and schema‑driven dynamic rendering, which cut render times from seconds to sub‑second, reduced memory usage, eliminated TypeScript bugs and boosted 客服 satisfaction to 80 %.

Customer ServiceModule Federationarchitecture
0 likes · 17 min read
Performance Optimization and Architecture Refactoring of DeWu Customer Service Ticket Frontend
ByteFE
ByteFE
May 24, 2023 · Frontend Development

Design, Implementation, and Performance Benefits of a New React Hook for Controlling Flow

This article analyses the conceptual design, possible implementation, and performance advantages of a new React Hook that can be called inside control flow, discusses its future extensions such as usePromise, lazy subscription, and integration with concurrent mode, and provides practical code examples.

Concurrent ModeReActfrontend
0 likes · 13 min read
Design, Implementation, and Performance Benefits of a New React Hook for Controlling Flow
HomeTech
HomeTech
May 24, 2023 · Frontend Development

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

This article explains the AVIF image format, its superior compression and quality compared to JPEG and WebP, provides a detailed comparison of image formats, offers conversion tools and command‑line examples, and shows how to integrate AVIF on the client, server, and via JavaScript polyfills for modern web development.

AVIFNode.jsService Worker
0 likes · 13 min read
Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects
Architecture Digest
Architecture Digest
May 20, 2023 · Frontend Development

Technical Guide to Building a Real-Time Data Visualization Dashboard with Echarts and Java Backend

This article presents a step‑by‑step technical guide for creating a real‑time, dynamic data‑visualization dashboard using Echarts on the front end and a Java‑based backend, covering design screenshots, requirement analysis, architecture, configuration, code structure, deployment commands, and source‑code acquisition.

DashboardEChartsJava
0 likes · 5 min read
Technical Guide to Building a Real-Time Data Visualization Dashboard with Echarts and Java Backend
Liangxu Linux
Liangxu Linux
May 20, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Validate Resources

This article explains the fundamentals of HTTP caching, covering the structure of HTTP messages, the two main cache strategies—strong caching and validation caching—the relevant response headers such as Expires, Cache-Control, Last-Modified, and ETag, and provides practical guidelines for effective cache implementation in web development.

Cache-ControlETagLast-Modified
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Validate Resources
JavaScript
JavaScript
May 18, 2023 · Frontend Development

Why Svelte Is Dropping TypeScript for JSDoc – What It Means for Frontend Development

Following Deno’s abandonment of TypeScript, the popular frontend framework Svelte has announced it will also discontinue TypeScript support, opting for JSDoc documentation, and the Svelte repository has opened a pull request to convert existing TypeScript code to JSDoc, signaling a shift in the ecosystem.

JSDocSvelteTypeScript
0 likes · 1 min read
Why Svelte Is Dropping TypeScript for JSDoc – What It Means for Frontend Development
DaTaobao Tech
DaTaobao Tech
May 17, 2023 · Frontend Development

Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines

The article introduces core 3D rendering concepts, tracing the evolution from desktop OpenGL to mobile OpenGL ES and its JavaScript counterpart WebGL, explains GLSL shader programming, reviews common model formats like OBJ and FBX, highlights front‑end engines such as Three.js, compares rasterization with ray tracing, and mentions modeling tools and emerging AI‑driven techniques.

3D renderingGLSLOpenGL
0 likes · 11 min read
Introduction to 3D Rendering Technologies: OpenGL, OpenGL ES, WebGL, and Front‑End Engines
DeWu Technology
DeWu Technology
May 15, 2023 · Frontend Development

Design and Implementation of a Front-End Inspection Platform for Performance and Stability

The team built a Node‑based front‑end inspection platform that boosted page‑stability testing speed from 0.4 to 4 pages per second, achieved high usage, execution and alarm accuracy, solved process‑exit issues by switching to fork, integrated six inspection components, cut regression testing of 100 pages from 60 to 10 minutes, and lowered CPU use to 20 % per pod, with plans to broaden coverage.

Monitoringautomationfrontend
0 likes · 9 min read
Design and Implementation of a Front-End Inspection Platform for Performance and Stability
DeWu Technology
DeWu Technology
May 12, 2023 · Frontend Development

Key Takeaways from DeWu Frontend Tech Salon: SaaS Architecture, CSS Mastery, and Container Solutions

The DeWu Frontend Technology Salon in Hangzhou featured five expert talks covering SaaS frontend architecture evolution, one‑stop workbench upgrades, large‑scale CSS maintenance, container‑based e‑commerce workbench solutions, and stable ToG business strategies, followed by lively networking and group photos.

CSSSaaSarchitecture
0 likes · 9 min read
Key Takeaways from DeWu Frontend Tech Salon: SaaS Architecture, CSS Mastery, and Container Solutions
Programmer DD
Programmer DD
May 11, 2023 · Frontend Development

What’s New in Angular v16? A Deep Dive into the Latest Frontend Features

Angular v16 introduces a suite of groundbreaking features—including a developer preview of Signals, enhanced server‑side rendering hydration, an esbuild‑based CLI, standalone component migration, updated package formats, and deprecations—while requiring Node.js 16/18 and TypeScript 4.9 or newer.

Angularesbuildfrontend
0 likes · 9 min read
What’s New in Angular v16? A Deep Dive into the Latest Frontend Features
Alipay Experience Technology
Alipay Experience Technology
May 10, 2023 · Mobile Development

How Alipay’s Homepage Leverages Edge AI for Smarter Refreshes

This article explains how Alipay’s homepage team collaborates with the edge‑intelligence team to use real‑time client‑side behavior data and algorithm platforms, transforming refresh strategies across time, space, and event dimensions, improving recommendation efficiency, reducing duplication, and delivering measurable performance gains.

edge AIfrontendmobile
0 likes · 15 min read
How Alipay’s Homepage Leverages Edge AI for Smarter Refreshes
Alipay Experience Technology
Alipay Experience Technology
May 9, 2023 · Frontend Development

From Terminal to Block Suites: Evolution of Web Editors and Their Core Technologies

This article traces the history of editor technology from early terminal editors to modern web‑based and block‑style editors, examines key architectural components such as contentEditable, model‑view‑controller design, collaborative algorithms, and highlights future directions like multimodal GPT interaction.

CRDTOTcollaboration
0 likes · 24 min read
From Terminal to Block Suites: Evolution of Web Editors and Their Core Technologies
360 Tech Engineering
360 Tech Engineering
May 9, 2023 · Frontend Development

Why Use AI to Write Unit Tests for React Hooks

This article explains the motivation for writing unit tests for shared React hook modules, demonstrates how an AI assistant in the Cursor IDE can generate Jest test cases from a repository, and details the step‑by‑step process of configuring the environment, fixing failing tests, and reflecting on AI's current limitations.

AIHooksJest
0 likes · 10 min read
Why Use AI to Write Unit Tests for React Hooks
Liangxu Linux
Liangxu Linux
Apr 30, 2023 · Frontend Development

Eliminate ChatGPT “Something went wrong” Errors with KeepChatGPT Extension

The article explains why ChatGPT’s “Something went wrong” error appears frequently, compares using an OpenAI API key versus installing the KeepChatGPT Chrome extension, and provides a step‑by‑step guide to install Tampermonkey and the extension to permanently stop the error.

ChatGPTChrome ExtensionError Fix
0 likes · 5 min read
Eliminate ChatGPT “Something went wrong” Errors with KeepChatGPT Extension
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 28, 2023 · Frontend Development

How to Customize Custom Scrollbars for Complex Vue Components

This article explains the challenges of native scrollbar styling in complex Vue components like vxe-table and vue-gantt-elastic, evaluates existing solutions, and introduces the use-scrollbars Vue hook that enables fully customizable, animated, and performant scrollbars with TypeScript typings, providing step‑by‑step implementation examples.

Custom ScrollbarTypeScriptVue
0 likes · 7 min read
How to Customize Custom Scrollbars for Complex Vue Components
Sohu Tech Products
Sohu Tech Products
Apr 26, 2023 · Frontend Development

Customizing console.log Styles and Building a Console Log Button NPM Library

This article demonstrates how to style console.log output using %c placeholders, outlines the supported CSS properties, and walks through creating a lightweight, Vue‑devtool‑inspired log‑button library with Vite, TypeScript, ESLint, Husky, and ChatGPT‑generated UI color palettes, culminating in publishing the package to npm.

Viteconsolefrontend
0 likes · 14 min read
Customizing console.log Styles and Building a Console Log Button NPM Library
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Apr 25, 2023 · Frontend Development

Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs

This article explains the concept and importance of motion transition design, introduces the Skyline rendering engine for WeChat mini‑programs, and provides detailed implementation guidelines—including custom routing, shared‑element animations, gesture handling, and performance optimizations—illustrated with complete code examples.

SkylineWeChat mini programanimation
0 likes · 18 min read
Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs
Top Architect
Top Architect
Apr 20, 2023 · Backend Development

General Guide to Deploying a Spring Boot Microservice Project with Maven

This article provides a step‑by‑step tutorial on analyzing a Spring Boot microservice project, configuring parent and child Maven pom files, packaging modules with Maven plugins, and deploying both backend JARs and frontend assets to Windows or Linux servers.

MavenSpring Bootbackend
0 likes · 12 min read
General Guide to Deploying a Spring Boot Microservice Project with Maven
ByteFE
ByteFE
Apr 19, 2023 · Frontend Development

9 Useful JavaScript Tricks and Code Snippets for Frontend Development

This article presents nine practical JavaScript techniques—including dynamic script loading, a lightweight template engine, array grouping with reduce, default parameters, single‑execution wrappers, currying, the singleton pattern, a simple CommonJS implementation, and recursive property access—each illustrated with clear code examples for front‑end developers.

CodeSnippetsJavaScriptProgrammingTips
0 likes · 13 min read
9 Useful JavaScript Tricks and Code Snippets for Frontend Development
DaTaobao Tech
DaTaobao Tech
Apr 17, 2023 · Frontend Development

Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation

BBC found that each extra second of load time cuts users by 10%, so they adopted server‑side rendering to boost first‑screen performance on low‑end devices, accepting higher server load and longer white‑screen time, choosing the stable Rax solution over ICE 3.0, and emphasizing selective use, streaming HTML, and careful migration guidelines.

SSRServer-side RenderingWeb Performance
0 likes · 10 min read
Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Apr 14, 2023 · Frontend Development

Top Front-End Topics: Encoding, Mobile Adaptation, ES6, Pinia, Git & Memory

This article curates essential front‑end resources covering character encoding fundamentals, mobile screen adaptation strategies, practical ES6 tricks, Pinia state‑management advantages over Vuex, classic Git operations for code merging, and crucial browser memory knowledge for stable web applications.

Piniabrowser memorycharacter encoding
0 likes · 4 min read
Top Front-End Topics: Encoding, Mobile Adaptation, ES6, Pinia, Git & Memory
360 Quality & Efficiency
360 Quality & Efficiency
Apr 14, 2023 · Frontend Development

Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3

This article explains how to build a full‑featured Gantt chart in Vue 3, covering the UI layout with left‑hand tree panels and right‑hand timeline, synchronization of scrolling and state, draggable and resizable task bars, date‑generation utilities for various time scales, and performance considerations for large data sets.

Drag-and-DropGantt chartJavaScript
0 likes · 16 min read
Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3
Alipay Experience Technology
Alipay Experience Technology
Apr 14, 2023 · Fundamentals

How to Craft Compelling Technical Sharing Articles: A Step‑by‑Step Guide

This guide outlines practical steps for engineers to create effective technical sharing articles, covering audience identification, purpose definition, outline creation, background framing, solution overview, detailed explanations with principles and examples, result demonstration, insights, and proper acknowledgments.

best practicesdocumentationfrontend
0 likes · 6 min read
How to Craft Compelling Technical Sharing Articles: A Step‑by‑Step Guide
Aotu Lab
Aotu Lab
Apr 13, 2023 · Frontend Development

How to Triple Your Web App’s Speed: A Front‑End Performance Optimization Playbook

This article walks through a comprehensive front‑end performance optimization process—starting from diagnosing issues with Lighthouse, identifying bottlenecks such as large bundle size and uncompressed assets, applying code splitting, lazy loading, image optimization, CSP, SEO tweaks, and finally setting up continuous monitoring with a custom platform—to achieve a 279% improvement in Lighthouse performance scores and near‑three‑fold speed gains.

LighthouseMonitoringOptimization
0 likes · 11 min read
How to Triple Your Web App’s Speed: A Front‑End Performance Optimization Playbook
TAL Education Technology
TAL Education Technology
Apr 13, 2023 · Frontend Development

A Simple Introduction to WebGL for Frontend Visualization

This article provides a comprehensive introduction to WebGL, covering its relationship with OpenGL ES, differences from Canvas and SVG, performance comparisons, step‑by‑step code examples for drawing points, squares and shaders, and explains the complete rendering pipeline for front‑end developers.

CanvasGraphicsJavaScript
0 likes · 15 min read
A Simple Introduction to WebGL for Frontend Visualization
Ctrip Technology
Ctrip Technology
Apr 13, 2023 · Frontend Development

Development Experience and Solutions for Mini‑Program WebView Integration

This article shares the team’s practical experience and solutions for embedding H5 pages in mini‑program WebViews, covering platform differences, communication mechanisms, onShow handling, common pitfalls, login‑state synchronization, payment integration, and the use of WebSocket to achieve real‑time cross‑page updates.

communicationcross-platformfrontend
0 likes · 17 min read
Development Experience and Solutions for Mini‑Program WebView Integration
php Courses
php Courses
Apr 12, 2023 · Frontend Development

2023 Popular Front-End UI Frameworks: Overview and Comparison

This article explains what front‑end UI frameworks are, why they are useful, and presents a detailed list of the ten most popular domestic UI frameworks in 2023—including Element Plus, Ant Design, Naive UI, View UI Plus, Vant, LayUI, Bootstrap, and WeUI—while advising developers on how to choose the right one for their projects.

JavaScriptReActUI framework
0 likes · 6 min read
2023 Popular Front-End UI Frameworks: Overview and Comparison
JD Cloud Developers
JD Cloud Developers
Apr 10, 2023 · Frontend Development

A Decade of Frontend Evolution: From HTML to AI-Powered Web Apps

This article chronicles ten years of frontend development, covering the rise of HTML5, CSS3, JavaScript frameworks, build tools, PWA performance, web components, security challenges, essential developer skills, and the emerging fusion of AI with modern web technologies.

AIHTML5JavaScript
0 likes · 32 min read
A Decade of Frontend Evolution: From HTML to AI-Powered Web Apps
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Apr 7, 2023 · Frontend Development

Essential Frontend Techniques & Architecture Trends for Modern Development

This article curates recent front‑end topics—including HTTP Range resumable downloads, H5 app invocation, automation testing adoption, new JavaScript/TypeScript features, Chrome 112 updates, the history of Signals, and industry viewpoints—providing concise insights for developers seeking to stay current.

JavaScriptPerformanceWeb Development
0 likes · 4 min read
Essential Frontend Techniques & Architecture Trends for Modern Development
Zhaori User Experience
Zhaori User Experience
Apr 7, 2023 · Frontend Development

Why Microinteractions Matter: Tiny UI Tricks That Boost Engagement

This article explains what microinteractions are, why they are crucial for user experience, outlines common types such as click, long‑press, pull‑to‑refresh, and scroll effects, and showcases real‑world examples like NetEase Cloud Music that demonstrate how tiny UI animations can boost engagement and usability.

UI designfrontendinteraction design
0 likes · 9 min read
Why Microinteractions Matter: Tiny UI Tricks That Boost Engagement
JD Tech
JD Tech
Apr 5, 2023 · Frontend Development

Applying DevOps Practices to Frontend Development: A Comprehensive Guide

This article presents a detailed guide on implementing DevOps principles in frontend development, covering background challenges, pipeline architecture, workflow design, tool integration, and step‑by‑step practices to improve delivery efficiency, code quality, and team collaboration.

PipelineSoftware Deliverycontinuous integration
0 likes · 14 min read
Applying DevOps Practices to Frontend Development: A Comprehensive Guide
ByteFE
ByteFE
Apr 3, 2023 · Frontend Development

Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example

This article provides a comprehensive overview of WebAssembly, covering its core concepts such as modules, types, variables, functions, instructions, traps, tables, and linear memory, explains the binary module structure and sections, details the human‑readable text format with S‑expressions and lexical rules, and walks through a step‑by‑step example of writing, compiling, and invoking a simple WebAssembly module.

Binary FormatModulesText Format
0 likes · 27 min read
Understanding WebAssembly: Modules, Binary and Text Formats, and a Hands‑On Example
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Apr 3, 2023 · Frontend Development

Improving Front-End Project Delivery Quality through Tooling and Process Automation

The article proposes enhancing front‑end project delivery quality by replacing manual standards with automated tooling—static code linting, performance, error, and disaster‑recovery tests—and integrating these checks into DevOps checkpoints that enforce pass, alarm, or block actions, enabling metric‑driven, objective evaluation across teams and outsourced projects.

PerformanceStatic Analysisautomation
0 likes · 11 min read
Improving Front-End Project Delivery Quality through Tooling and Process Automation
Aotu Lab
Aotu Lab
Mar 31, 2023 · Frontend Development

How Multi-Compiler Kernels Accelerate Cross-Platform Development in Taro

This article explains the multi‑compiler kernel ecosystem behind Taro, detailing how Webpack, Vite and Metro kernels are integrated, the plugin system that unifies build processes across Web, App, mini‑program and Harmony platforms, and the performance gains and challenges of this approach.

MetroTaROcross-platform
0 likes · 19 min read
How Multi-Compiler Kernels Accelerate Cross-Platform Development in Taro
We-Design
We-Design
Mar 30, 2023 · Frontend Development

How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration

This article explains how to map design tokens—style, component, template, and file tokens—to appropriate carriers in Figma and Sketch, covering token categories, multi‑mode and multi‑business handling, component token strategies, property naming conventions, handoff methods, and version management.

ComponentFigmaSketch
0 likes · 20 min read
How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration
DataFunSummit
DataFunSummit
Mar 30, 2023 · Artificial Intelligence

An Overview of ChatGPT’s Software Architecture and Technology Stack

The article examines ChatGPT’s underlying software architecture, detailing its cloud deployment on AWS and Azure, database choices like PostgreSQL and Redis, front‑end technologies such as TypeScript and React, core AI frameworks including PyTorch and Triton, as well as its container orchestration, monitoring, and programming language ecosystem.

AI architectureChatGPTKubernetes
0 likes · 6 min read
An Overview of ChatGPT’s Software Architecture and Technology Stack
Advanced AI Application Practice
Advanced AI Application Practice
Mar 29, 2023 · Frontend Development

How to Implement Alignment Features in a Graphics Editor

This article walks through the step‑by‑step implementation of alignment functions—left, center, right, top, middle, and bottom—in a graphics editor by computing AABB boxes, deriving a mixed bounding box, and applying concise JavaScript loops to adjust element positions.

AABBAlignmentCanvas
0 likes · 6 min read
How to Implement Alignment Features in a Graphics Editor
Laravel Tech Community
Laravel Tech Community
Mar 28, 2023 · Backend Development

2023 Spring Salary Trends for Chinese Software Engineers Across Roles

The article analyzes post‑pandemic salary changes in China for various tech positions—including backend (Java, PHP, Python), frontend, network security, mobile, testing, operations, data analysis, algorithm engineering, and architecture—showing modest growth in most areas with notable declines for Python and Android developers.

ChinaSalarybackend
0 likes · 5 min read
2023 Spring Salary Trends for Chinese Software Engineers Across Roles
KooFE Frontend Team
KooFE Frontend Team
Mar 28, 2023 · Frontend Development

Master React Refs: From DOM Access to Imperative APIs

Learn how to use React refs—including useRef, forwardRef, and useImperativeHandle—to access DOM elements, create custom imperative APIs, and build interactive forms with focus and shake effects, while understanding best practices for when to employ refs versus state or props.

ReActforwardReffrontend
0 likes · 14 min read
Master React Refs: From DOM Access to Imperative APIs
Programmer DD
Programmer DD
Mar 28, 2023 · Frontend Development

Why Front‑End/Back‑End Separation Is the Key to Scalable Projects

The article explains how front‑end/back‑end separation restructures development by letting front‑end teams handle UI and interaction while back‑end teams expose data via RESTful APIs, improving modularity, parallel work, deployment flexibility, and overall system scalability.

APIarchitecturedeployment
0 likes · 6 min read
Why Front‑End/Back‑End Separation Is the Key to Scalable Projects
DeWu Technology
DeWu Technology
Mar 27, 2023 · Frontend Development

Optimizing Pull‑Down Loading and Scroll Experience in IM Chat Message Lists

The article explains how to optimize pull‑down loading for instant‑messaging conversation lists using virtual scrolling, detailing a three‑step loading flow, evaluating timeout, onload, and reverse‑rendering strategies, and recommending column‑reverse rendering to achieve smooth, accurate scroll rollback and better user experience.

chat UIfrontendpull-down loading
0 likes · 11 min read
Optimizing Pull‑Down Loading and Scroll Experience in IM Chat Message Lists
DaTaobao Tech
DaTaobao Tech
Mar 27, 2023 · Frontend Development

Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment

This step‑by‑step guide shows backend developers how to create a small management system with Vue 3, TypeScript, Vite, and SpringBoot, covering the technology stack, development‑tool installation, project scaffolding, core components, routing, Pinia state, Axios API wrappers, TypeScript interfaces, environment configuration, and deployment.

PiniaSpringBootTypeScript
0 likes · 22 min read
Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment
Alipay Experience Technology
Alipay Experience Technology
Mar 23, 2023 · Frontend Development

Designing Insightful Data Visualizations with AntV AVA: Concepts, Standards, and Technical Solutions

This whitepaper introduces AntV’s AVA framework for insight presentation, explains the concept of visualizing data insights, outlines design principles and standards for insight display, describes various presentation forms, and provides frontend technical solutions—including enhanced chart marks and independent insight cards—to efficiently deliver actionable visual analysis.

AVAAntVDesign Guidelines
0 likes · 29 min read
Designing Insightful Data Visualizations with AntV AVA: Concepts, Standards, and Technical Solutions
JD Cloud Developers
JD Cloud Developers
Mar 22, 2023 · Frontend Development

How to Detect and Prevent JavaScript Memory Leaks in Frontend Apps

Understanding JavaScript memory management, this guide explains the fundamentals of memory allocation, usage, and garbage collection, outlines common leak scenarios such as global variables, timers, event listeners, and data structures, and provides practical techniques and tools for detecting, diagnosing, and fixing memory leaks in web applications.

JavaScriptPerformancefrontend
0 likes · 15 min read
How to Detect and Prevent JavaScript Memory Leaks in Frontend Apps
ELab Team
ELab Team
Mar 22, 2023 · Frontend Development

Mastering Component Unit Testing with Jest and Testing Library

This article explains why unit testing is essential for reusable components, introduces Jest fundamentals, demonstrates how to write and run tests with code examples, and shows how to enhance UI component testing using @testing-library/react, @testing-library/user-event, and @testing-library/jest-dom, providing a complete workflow for reliable front‑end development.

JestMockfrontend
0 likes · 12 min read
Mastering Component Unit Testing with Jest and Testing Library
21CTO
21CTO
Mar 22, 2023 · Frontend Development

8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI

This article reviews eight popular JavaScript notification libraries, comparing their features, popularity, and installation methods, to help developers choose the most suitable solution for enhancing user experience with timely in‑app messages.

JavaScriptLibraryNotification
0 likes · 12 min read
8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI
政采云技术
政采云技术
Mar 21, 2023 · Frontend Development

Understanding the this Binding in JavaScript

This article explains how the this keyword is bound in JavaScript, covering default, implicit, explicit, new, and arrow‑function bindings, and demonstrates the concepts with practical debounce examples and code snippets to show how the calling context determines the value of this.

JavaScriptclosuredebounce
0 likes · 12 min read
Understanding the this Binding in JavaScript
php Courses
php Courses
Mar 21, 2023 · Frontend Development

Password Strength Validation Techniques with jQuery, Vue, and CSS3

This article presents several front‑end approaches for implementing password‑strength validation—including jQuery plugins, a Vue component, and a CSS3 indicator—each accompanied by live demo links and brief usage explanations to improve user experience during registration.

UIVuecss3
0 likes · 4 min read
Password Strength Validation Techniques with jQuery, Vue, and CSS3
ByteFE
ByteFE
Mar 20, 2023 · Frontend Development

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

This article explains the new React "use" hook proposal, covering its background, how to integrate it with Suspense, minimal examples, promise caching, control‑flow usage, design motivations, implementation details, limitations, and the surrounding community debate.

HooksJavaScriptPromise
0 likes · 12 min read
Understanding the Proposed React “use” Hook: Design, Usage, and Limitations
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Mar 17, 2023 · Frontend Development

Top Frontend Tech Insights: IOC, JS Frameworks, Mobile Evolution, and AI Trends

This article curates key front‑end and emerging tech topics—including Inversion of Control in JavaScript, the overload of JS frameworks, Facebook's iOS codebase evolution, GPT‑4's launch, prompt‑engineering automation, and nuanced UI control design—offering concise insights for modern developers.

Artificial IntelligenceIoCJavaScript
0 likes · 4 min read
Top Frontend Tech Insights: IOC, JS Frameworks, Mobile Evolution, and AI Trends
ByteFE
ByteFE
Mar 15, 2023 · Frontend Development

2022 State of CSS and State of JS Survey: Key Findings, Trends, and Developer Pain Points

The 2022 State of CSS and State of JS surveys, which collected 14,310 CSS and 39,472 JavaScript responses, reveal demographic details, highlight rapidly adopted CSS features like flex gap, aspect‑ratio, and :has, showcase popular JavaScript language enhancements such as nullish coalescing and top‑level await, and expose developers' satisfaction, usage, and pain points across frameworks, tools, and browsers.

CSSJavaScriptWeb Development
0 likes · 16 min read
2022 State of CSS and State of JS Survey: Key Findings, Trends, and Developer Pain Points
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 14, 2023 · Frontend Development

How Dawn’s VTree Revolutionizes Cross‑Platform Event Tracking

NetEase Cloud Music’s open‑source Dawn framework introduces a high‑performance virtual tree (VTree) to deliver a unified, low‑cost, and highly accurate cross‑platform event‑tracking solution, addressing common pain points such as development overhead, precision, model stability, link tracing, and quality control.

AnalyticsVTreecross-platform
0 likes · 11 min read
How Dawn’s VTree Revolutionizes Cross‑Platform Event Tracking
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Mar 13, 2023 · Frontend Development

OSSA: Open Source Journey and Best Practices for a Taro UI Component Library

Over two years, NetEase Yanxuan built and open‑sourced OSSA, a Taro UI component library created to unify multi‑platform mini‑program development, detailing why Taro was chosen, the challenges of enterprise‑grade reliability and community building, and how automated CI/CD, documentation, MIT licensing, and contributor guides enable sustainable open‑source growth.

ChangeSetsGitHub ActionsMIT license
0 likes · 17 min read
OSSA: Open Source Journey and Best Practices for a Taro UI Component Library
SQB Blog
SQB Blog
Mar 10, 2023 · Frontend Development

Why MonoRepo with pnpm Boosts Frontend Efficiency and Simplifies Dependency Management

This article explains how adopting a MonoRepo strategy combined with pnpm's workspace feature can streamline front‑end project structures, reduce duplicate dependencies, improve version control, and eliminate ghost dependencies, ultimately speeding up development and release processes.

Dependency ManagementMonorepoWorkspace
0 likes · 13 min read
Why MonoRepo with pnpm Boosts Frontend Efficiency and Simplifies Dependency Management
Programmer DD
Programmer DD
Mar 9, 2023 · Frontend Development

Instantly Browse GitHub Repos with GitHub1s – No Cloning Required

GitHub1s is a free web application that lets developers instantly browse, edit, and debug GitHub repositories directly in the browser, eliminating the need for cloning and local setup, and supporting VS Code features like file search, with optional OAuth for private repos.

GitHubcode browsingfrontend
0 likes · 4 min read
Instantly Browse GitHub Repos with GitHub1s – No Cloning Required
21CTO
21CTO
Mar 8, 2023 · Frontend Development

What Front‑End Trends Will Shape 2023? A 2022 Framework Review

The article reviews 2022 front‑end breakthroughs—React 18, Astro, SvelteKit, Qwik, SolidStart, TypeScript‑driven tooling, server‑side rendering, hydration challenges, fine‑grained reactivity, edge computing, and predicts how these trends will influence web development in 2023.

FrameworksServer-side RenderingWeb Development
0 likes · 10 min read
What Front‑End Trends Will Shape 2023? A 2022 Framework Review
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 7, 2023 · Frontend Development

From Rookie to Frontend Leader: 8‑Year Journey at Taobao UED

This article chronicles an eight‑year front‑end career at Taobao UED, detailing how the author progressed from a junior developer to a technical leader, embraced data‑driven practices, optimized performance, and built high‑impact teams while sharing personal insights and lessons learned.

LeadershipPerformancecareer
0 likes · 21 min read
From Rookie to Frontend Leader: 8‑Year Journey at Taobao UED
Goodme Frontend Team
Goodme Frontend Team
Mar 6, 2023 · Frontend Development

How Taro Dynamically Inserts Nodes: Inside React‑Based Mini‑Program Rendering

This article explains how Taro implements dynamic node insertion on mini‑program platforms by leveraging @tarojs/react and @tarojs/runtime, mimicking web‑style DOM operations through a custom Document abstraction, detailing the underlying classes, update mechanisms, and code examples for creating and destroying toast notifications.

dom manipulationdynamic node insertionfrontend
0 likes · 10 min read
How Taro Dynamically Inserts Nodes: Inside React‑Based Mini‑Program Rendering
Architect's Guide
Architect's Guide
Mar 4, 2023 · Frontend Development

Guidelines for Front‑Back End Separation and API Specification

This article explains why front‑back separation is needed, describes the evolution from MVC to SPA, proposes a contract‑first approach, outlines development processes, and provides a detailed V1.0.0 API specification with request/response formats, pagination, and special content rules.

APIMVCSPA
0 likes · 12 min read
Guidelines for Front‑Back End Separation and API Specification
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Mar 3, 2023 · Frontend Development

Essential Frontend Techniques: Module Cycles, Proxy & Reflect, Bug Recording, and Guide Pages

This article curates key frontend topics—including how CommonJS and ES modules handle circular dependencies, why Proxy must be paired with Reflect, practical bug‑recording and source‑code navigation, building guide pages without third‑party libraries, plus a look at clustering algorithms and a powerful CRUD code generator—offering concise insights for modern web developers.

ClusteringJavaScriptcode generation
0 likes · 4 min read
Essential Frontend Techniques: Module Cycles, Proxy & Reflect, Bug Recording, and Guide Pages
Java Backend Technology
Java Backend Technology
Mar 3, 2023 · Fundamentals

7 Must‑Visit GitHub Repositories to Supercharge Your Coding Skills

Discover a curated list of seven essential GitHub repositories—including Awesome lists, freeCodeCamp, developer‑roadmap, Build Your Own X, Gitignore, System Design Primer, and Coding Interview University—that provide practical resources, learning roadmaps, and interview preparation for developers of all levels.

GitHubawesome listscoding interview
0 likes · 6 min read
7 Must‑Visit GitHub Repositories to Supercharge Your Coding Skills
政采云技术
政采云技术
Feb 28, 2023 · Frontend Development

Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags

This article explains how to rewrite built‑in HTML and SVG tags in a uni‑app project by overriding Vue's internal tag‑resolution methods, providing step‑by‑step code examples for button and image components and discussing the underlying Vue and webpack mechanisms.

ComponentVuecustom-element
0 likes · 13 min read
Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags
JD Cloud Developers
JD Cloud Developers
Feb 28, 2023 · Frontend Development

How to Migrate a Vue 2 Project to Vite for Lightning‑Fast Development

This article walks through why Vite dramatically speeds up development, explains its architecture, and provides a step‑by‑step guide—including configuration changes, dependency installation, and common pitfalls—to successfully migrate a Vue 2 project built with Vue‑CLI to Vite.

Build ToolsViteesbuild
0 likes · 11 min read
How to Migrate a Vue 2 Project to Vite for Lightning‑Fast Development