BestHub
Sign in
Tagged articles

frontend

3214 articles · Page 13 of 33
政采云技术
政采云技术
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 ToolsVite+esbuild
0 likes · 11 min read
How to Migrate a Vue 2 Project to Vite for Lightning‑Fast Development
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 28, 2023 · Frontend Development

Is Frontend Facing Its Darkest Hour? 2022 Trends, Low‑Code Rise & 2023 Job Outlook

The article reviews 2022 frontend trends—including performance, runtime, bundle size, and Rust's emerging role—examines the rise of low‑code full‑stack solutions, analyzes the 2023 job market, and offers practical advice for developers navigating a maturing yet evolving frontend landscape.

Employment TrendsPerformancefrontend
0 likes · 41 min read
Is Frontend Facing Its Darkest Hour? 2022 Trends, Low‑Code Rise & 2023 Job Outlook
58 Tech
58 Tech
Feb 28, 2023 · Frontend Development

Achieving True WYSIWYG in Low‑Code Editors: Editing Layer and Rendering Layer Design

This article explains how a low‑code editor can provide true WYSIWYG editing by separating the canvas into an editing layer and a rendering layer, using an iframe for isolation, synchronizing layout information via DOM measurements, and addressing the challenges of component overlap, performance, and cross‑technology integration.

CanvasWYSIWYGeditor design
0 likes · 11 min read
Achieving True WYSIWYG in Low‑Code Editors: Editing Layer and Rendering Layer Design
Java Architect Essentials
Java Architect Essentials
Feb 26, 2023 · Frontend Development

Comprehensive uni‑app Guide: Overview, Environment Setup, and Development Practices

This article provides a detailed introduction to uni‑app, a Vue‑based cross‑platform front‑end framework, covering its core concepts, advantages, environment installation with HBuilder X and vue‑cli, project creation, platform‑specific build commands, Flex layout basics, and background‑image handling for various targets.

Flexboxcross-platformdevelopment
0 likes · 18 min read
Comprehensive uni‑app Guide: Overview, Environment Setup, and Development Practices
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Feb 24, 2023 · Frontend Development

Front‑End Updates: New CSS Viewport Units, MutationObserver, Faster Builds, Vue3 Tips

This roundup highlights recent front‑end developments, including Chrome’s new CSS viewport units, the rise of modern JavaScript frameworks, using MutationObserver for dynamic DOM handling, a simple three‑line tweak that slashes build times by 80%, Vue 3 composition‑API insights, and tips for junior developers.

DevOpsJavaScriptVue
0 likes · 5 min read
Front‑End Updates: New CSS Viewport Units, MutationObserver, Faster Builds, Vue3 Tips
Zhaori User Experience
Zhaori User Experience
Feb 24, 2023 · Frontend Development

Mastering Responsive Layouts: DingTalk PC Client Adaptation Strategies

This guide explains how to design a fluid, responsive experience for the DingTalk PC client by defining screen‑size breakpoints, setting default and minimum window dimensions, choosing content‑area scaling rules, and handling fixed elements, card layouts, text and image scaling across devices.

LayoutUI adaptationbreakpoints
0 likes · 11 min read
Mastering Responsive Layouts: DingTalk PC Client Adaptation Strategies
Tencent Cloud Developer
Tencent Cloud Developer
Feb 22, 2023 · Frontend Development

Performance Optimization of Tencent Docs SmartSheet View: Incremental Rendering, Flame Graph Analysis, and Offscreen Rendering

The Tencent Docs SmartSheet view’s sluggish 20 FPS performance was resolved by a suite of optimizations—including incremental rendering of only visible widgets, disabling costly canvas hit‑testing, replacing node cloning with direct construction, caching text measurements, and employing offscreen canvas rendering—boosting frame rates to near 60 FPS.

Canvas Renderingflame graphfrontend
0 likes · 13 min read
Performance Optimization of Tencent Docs SmartSheet View: Incremental Rendering, Flame Graph Analysis, and Offscreen Rendering
ByteFE
ByteFE
Feb 22, 2023 · Frontend Development

Recreating the Flash Game “Manufactoria” with HTML, CSS, and JavaScript

This article details how to recreate the Flash programming game 'Manufactoria' as a web-based puzzle by implementing its UI with HTML and CSS and its logic with JavaScript, covering component definitions, grid layout, robot movement, state handling, level loading, and local storage persistence.

CSSHTMLJavaScript
0 likes · 23 min read
Recreating the Flash Game “Manufactoria” with HTML, CSS, and JavaScript
Baidu Geek Talk
Baidu Geek Talk
Feb 22, 2023 · Frontend Development

How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide

This article explains Chromium's Prerender2.0—its reintroduction in M94, the underlying MPArch multi‑page architecture, the Speculation Rules API usage, activation detection methods, detailed implementation flow in M97, and practical scenarios for safely applying prerender to improve web performance.

ChromiumSpeculation RulesWeb Performance
0 likes · 13 min read
How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide
ELab Team
ELab Team
Feb 21, 2023 · Frontend Development

Boost Front‑End Component Design: Usability, Extensibility, and Best Practices

This article explains why front‑end component design matters and provides practical guidance on improving component usability, choosing between slots and props, writing standardized APIs, and achieving high extensibility through techniques like DOM hand‑off and headless UI patterns.

APIHeadless UISlot
0 likes · 14 min read
Boost Front‑End Component Design: Usability, Extensibility, and Best Practices
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 21, 2023 · Frontend Development

How Low‑Code Is Redefining Front‑End Component Development

This article explores the evolution of front‑end component libraries from early jQuery plugins to modern low‑code‑driven production, detailing current challenges, visual material description protocols, component lifecycle implementation, versioning, and future directions for scalable, collaborative component engineering.

Component Libraryfrontendlow-code
0 likes · 19 min read
How Low‑Code Is Redefining Front‑End Component Development
Programmer DD
Programmer DD
Feb 20, 2023 · Frontend Development

How Alibaba’s Open‑Source LowCodeEngine Accelerates Front‑End Development

LowCodeEngine, an open‑source low‑code engine from Alibaba DingTalk, follows strict protocol specifications, supports major browsers, offers a rich ecosystem of components and plugins, and provides detailed usage examples, CDN options, and UI panels for rapid front‑end development.

AlibabaTypeScriptUI Development
0 likes · 8 min read
How Alibaba’s Open‑Source LowCodeEngine Accelerates Front‑End Development
Laravel Tech Community
Laravel Tech Community
Feb 19, 2023 · Frontend Development

Top 10 Open-Source Free Admin Dashboard UI Frameworks for Web Development

This article presents a curated list of ten popular, free, open‑source admin dashboard UI frameworks—ranging from Bootstrap‑based templates to Vue and Angular solutions—detailing their GitHub star counts, key features, and repository links for developers seeking ready‑made control panels.

Admin DashboardUI frameworkfrontend
0 likes · 4 min read
Top 10 Open-Source Free Admin Dashboard UI Frameworks for Web Development
Architects Research Society
Architects Research Society
Feb 19, 2023 · Backend Development

Choosing Between Polling, Server‑Sent Events, and WebSockets for Real‑Time Web Applications

This article compares three real‑time communication techniques—long/short polling, WebSockets, and Server‑Sent Events—by explaining their mechanisms, presenting client‑ and server‑side code examples, and discussing their advantages, drawbacks, and suitable use‑cases to help developers select the appropriate method for a dashboard application.

BackendPollingServer-Sent Events
0 likes · 12 min read
Choosing Between Polling, Server‑Sent Events, and WebSockets for Real‑Time Web Applications
macrozheng
macrozheng
Feb 18, 2023 · Frontend Development

Explore Alibaba’s LowCodeEngine: Features, Setup, and Real-World Use

LowCodeEngine, an open‑source low‑code engine from Alibaba’s DingTalk team, follows Alibaba’s backend‑frontend standards, supports modern browsers, offers a minimal core with rich ecosystem elements, detailed protocol specifications, multiple CDN integration options, extensive UI panels, schema editing, and real‑world case studies, all illustrated with code snippets and screenshots.

AlibabaEngineTypeScript
0 likes · 7 min read
Explore Alibaba’s LowCodeEngine: Features, Setup, and Real-World Use
Alipay Experience Technology
Alipay Experience Technology
Feb 16, 2023 · Frontend Development

How Ant Insurance Scaled Low‑Code Front‑End Development for Complex Insurance Products

This article recounts a former Ant Group front‑end engineer's year‑long journey building a low‑code platform for Ant Insurance, detailing challenges of high‑complexity insurance scenarios, platform design decisions, component‑based architecture, real‑world experiments, and lessons learned for future low‑code adoption.

ComponentizationInsurancePlatform
0 likes · 22 min read
How Ant Insurance Scaled Low‑Code Front‑End Development for Complex Insurance Products
HomeTech
HomeTech
Feb 15, 2023 · Frontend Development

How to Build Your Own Front‑End CLI Scaffold from Scratch

This article walks through why a custom front‑end scaffolding tool is needed, analyzes Vue CLI’s architecture, explains how to locate global commands, examines required dependencies, and provides a step‑by‑step implementation—including project initialization, command design, create‑command logic, Node version checks, template features, CDN upload, commit linting, and a custom ESLint plugin—so readers can create a reusable CLI tailored to their business needs.

CLINode.jsScaffolding
0 likes · 17 min read
How to Build Your Own Front‑End CLI Scaffold from Scratch
Xianyu Technology
Xianyu Technology
Feb 14, 2023 · Frontend Development

How FishUI Achieves Seamless Cross‑Platform UI Development for Xianyu

FishUI is a cross‑platform React component library designed for Xianyu’s kun and web containers, offering unified APIs, automated environment detection, monorepo architecture with pnpm, lerna + nx versioning, custom build loaders, comprehensive testing, and documentation tooling to boost developer efficiency and maintainability.

Build OptimizationComponent LibraryReAct
0 likes · 15 min read
How FishUI Achieves Seamless Cross‑Platform UI Development for Xianyu
JD Retail Technology
JD Retail Technology
Feb 13, 2023 · Frontend Development

What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips

NutUI 4.0 introduces a dynamic CSS‑variables theme, a dedicated icon library, automatic on‑demand component import, new components such as Tour and PullRefresh, extensive component refinements, significant bundle‑size reductions, upgraded build tools, and updated type declarations, providing a lighter, more flexible frontend solution.

Component LibraryPerformanceUI library
0 likes · 9 min read
What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips
ByteFE
ByteFE
Feb 8, 2023 · Frontend Development

React Context Re‑render Issues and an Optimized use‑context‑selector Implementation

This article explains why passing an object as a React Context Provider value can cause unnecessary re‑renders, introduces the community‑made use‑context‑selector library to mitigate the problem, analyzes its limitations, and presents a custom optimized implementation using useSyncExternalStore for precise component updates.

ContextHooksPerformance
0 likes · 17 min read
React Context Re‑render Issues and an Optimized use‑context‑selector Implementation
政采云技术
政采云技术
Feb 7, 2023 · Frontend Development

How to Build a Data Dashboard System: JSON Configuration, Component Containers, and Remote Component Store

This article explains the concepts, design of JSON configuration structures, component container patterns, editing side form generation, remote component store integration, static publishing, version management, and inter‑component communication for constructing a data dashboard platform using modern frontend technologies.

Component ArchitectureJSONdashboard
0 likes · 15 min read
How to Build a Data Dashboard System: JSON Configuration, Component Containers, and Remote Component Store
21CTO
21CTO
Feb 6, 2023 · Frontend Development

12 Essential JavaScript Snippets Every Front‑End Developer Should Know

This article compiles twelve practical JavaScript functions—from generating random colors and shuffling arrays to detecting dark mode, scrolling, clipboard copying, device detection, element visibility, URL parameters, deep cloning, and async waiting—each explained with concise code examples for everyday front‑end development.

JavaScriptcode snippetsfrontend
0 likes · 6 min read
12 Essential JavaScript Snippets Every Front‑End Developer Should Know
DataFunSummit
DataFunSummit
Feb 5, 2023 · Frontend Development

Integrating Frontend Development with Data Intelligence to Optimize Consumer Experience at Alibaba

This article explains how Alibaba combines frontend development with data intelligence—covering massive internet data, market demands, three integration modes, key technologies like WhaleM, DataCook and PipCook, practical workflows, a k‑means clustering case study, and future directions such as WebNN, WebGPU and WASM—to enhance user experience and drive business growth.

AIAlibabadata intelligence
0 likes · 16 min read
Integrating Frontend Development with Data Intelligence to Optimize Consumer Experience at Alibaba
21CTO
21CTO
Feb 2, 2023 · Frontend Development

What’s Driving the 2023 Web Development Revolution? Meta‑Frameworks, Edge & AI

The article surveys the latest web development trends—rising meta‑frameworks like Next.js, the shift toward server‑side rendering and edge‑computing, the resurgence of databases with serverless, the evolution of JavaScript runtimes, monorepos, utility‑first CSS, end‑to‑end type safety, modern build tools, and AI‑driven coding—highlighting why 2023 feels like a renaissance for front‑end engineers.

AISSRedge computing
0 likes · 20 min read
What’s Driving the 2023 Web Development Revolution? Meta‑Frameworks, Edge & AI
Selected Java Interview Questions
Selected Java Interview Questions
Feb 2, 2023 · Frontend Development

LowCodeEngine: An Open‑Source Low‑Code Engine from Alibaba DingTalk Team

LowCodeEngine is an open‑source low‑code engine released by Alibaba's DingTalk team that follows internal construction protocols, supports modern browsers, offers a minimal core with a rich ecosystem, provides TypeScript typings, and includes extensive UI panels, schema editing, and multiple CDN integration options for developers.

AlibabaEngineTypeScript
0 likes · 8 min read
LowCodeEngine: An Open‑Source Low‑Code Engine from Alibaba DingTalk Team
Open Source Linux
Open Source Linux
Jan 30, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Reuse Web Resources

This article explains the fundamentals of HTTP caching, covering request/response structures, strong and validation cache rules, header directives like Expires and Cache-Control, and practical tips for implementing effective caching strategies in front‑end development.

ETagHTTPWeb Performance
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Reuse Web Resources
MaGe Linux Operations
MaGe Linux Operations
Jan 24, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Reuse Web Resources

This article explains the fundamentals of HTTP caching, covering request/response structures, the difference between strong and validation caching, key headers like Expires, Cache‑Control, Last‑Modified, ETag, and practical strategies for optimizing web performance through effective cache control.

ETagcache-controlfrontend
0 likes · 14 min read
Mastering HTTP Caching: How Browsers Store and Reuse Web Resources
21CTO
21CTO
Jan 24, 2023 · Frontend Development

Top 10 Free Front-End Tools to Boost Your Web Development Efficiency

Discover ten essential, free front‑end development tools—from gradient generators and responsive testing apps to API libraries, image sources, SVG illustration collections, documentation browsers, regex debuggers, template sites, code formatters, and icon repositories—that can streamline your workflow and enhance productivity.

ResourcesUI designfree tools
0 likes · 6 min read
Top 10 Free Front-End Tools to Boost Your Web Development Efficiency
ByteDance Terminal Technology
ByteDance Terminal Technology
Jan 19, 2023 · Frontend Development

2023 Front‑End Engineering Outlook: Cloud‑Native, Serverless, and Emerging Trends

In this comprehensive interview, ByteDance senior front‑end engineer Huang Jian shares the 2023 outlook for front‑end developers, covering cloud‑native integration, serverless adoption, micro‑frontends, AI influence, WebAssembly, career growth, and the evolving skill set required to stay competitive.

AICloud NativeMicro Frontends
0 likes · 33 min read
2023 Front‑End Engineering Outlook: Cloud‑Native, Serverless, and Emerging Trends
Architects Research Society
Architects Research Society
Jan 13, 2023 · Backend Development

Backend for Frontend (BFF) Pattern: Designing Single‑Purpose Edge Services for User Interfaces

The article explains how the Backend for Frontend (BFF) pattern creates dedicated, lightweight server‑side APIs for each UI type—desktop web, mobile, or third‑party—allowing teams to tailor functionality, reduce coupling, aggregate micro‑service calls, and improve autonomy while addressing performance, scaling, and organizational concerns.

API DesignArchitectureBFF
0 likes · 20 min read
Backend for Frontend (BFF) Pattern: Designing Single‑Purpose Edge Services for User Interfaces
21CTO
21CTO
Jan 10, 2023 · Frontend Development

Vue.js 2022 Review & 2023 Roadmap: What’s Next for the Frontend Framework?

Evan You’s 2023 blog post reviews Vue.js’s 2022 milestones—including the shift to Vue 3, ecosystem growth, and Vue 2 migration—while outlining 2023 plans such as smaller releases, Vapor Mode, and upcoming conferences, offering a comprehensive outlook for developers.

2022 review2023 roadmapVapor Mode
0 likes · 7 min read
Vue.js 2022 Review & 2023 Roadmap: What’s Next for the Frontend Framework?
ByteFE
ByteFE
Jan 9, 2023 · Frontend Development

Understanding JavaScript Date Handling and Comparing Popular Date Libraries

This article examines why native JavaScript Date falls short for time handling, explains time measurement standards and time zones, and compares four major date libraries—MomentJS, DayJS, date-fns, and native Date—highlighting their advantages, drawbacks, and appropriate usage scenarios.

DateDayjsJavaScript
0 likes · 12 min read
Understanding JavaScript Date Handling and Comparing Popular Date Libraries
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 9, 2023 · Frontend Development

Inside Alibaba’s Taobao Web Tech Map: Frontend Engineering & Cloud‑Native Platforms

This article outlines the 2023 Taobao Web technology map, detailing the reorganization of the front‑end team, the layered engineering, R&D, and application domains, and introduces key products such as O2, JSTracker, Noslate, ICE, Midway, Tianma, VideoX, and ALive, highlighting their roles and capabilities.

Platformfrontendruntime containers
0 likes · 25 min read
Inside Alibaba’s Taobao Web Tech Map: Frontend Engineering & Cloud‑Native Platforms
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 9, 2023 · Frontend Development

Mastering React Design Patterns: From Containers to Custom Hooks

This article reviews essential React design patterns—including container/presentational components, higher‑order components, render props, compound components, and custom hooks—explaining the underlying SOLID principles, providing clear code examples, and offering guidance on when to apply each pattern.

Component ArchitectureDesign PatternsHigher-Order Components
0 likes · 10 min read
Mastering React Design Patterns: From Containers to Custom Hooks
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jan 6, 2023 · Frontend Development

Top Frontend Tech & Architecture Articles You Shouldn't Miss

A curated collection of recent frontend articles covering a code‑submission script, the Remesh DDD framework, CSRF security basics, GraphQL BFF implementation for cloud music, build‑time reduction tricks, and the Intl.Enumeration proposal reaching Stage 4, offering valuable insights for web developers.

Build OptimizationGraphQLJavaScript
0 likes · 3 min read
Top Frontend Tech & Architecture Articles You Shouldn't Miss
Alipay Experience Technology
Alipay Experience Technology
Jan 4, 2023 · Mobile Development

How Ant Cube’s ACT Revolutionizes Mobile Card Development

Ant Cube’s ACT toolchain provides a comprehensive solution for mobile card development, covering design concepts, CLI vs IDE choices, framework architecture, core functions like compilation, preview, and debugging, and its evolution across versions to enhance reliability, efficiency, and developer experience.

DSLfrontendtoolchain
0 likes · 14 min read
How Ant Cube’s ACT Revolutionizes Mobile Card Development
Xianyu Technology
Xianyu Technology
Jan 3, 2023 · Frontend Development

Using XState for Collaborative Frontend Development and State Management

By adopting the XState state‑machine library, the team transformed a complex, interactive page’s development from costly component‑wise coordination into a collaborative workflow where a small core group maintains a visual state graph while UI developers work on lightweight components, improving performance and reducing render overhead.

ReActXStatecollaboration
0 likes · 12 min read
Using XState for Collaborative Frontend Development and State Management
Zhengtong Technical Team
Zhengtong Technical Team
Dec 30, 2022 · Frontend Development

Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform

This article explains how the Wukong low‑code visual platform implements component drag‑and‑drop, covering material‑to‑canvas dragging, intra‑canvas movement, resizing via eight handles, alignment guide generation, performance optimizations using CSS transforms, and component encapsulation with Vue 3.

ComponentDrag-and-DropVue3
0 likes · 14 min read
Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform
Meituan Technology Team
Meituan Technology Team
Dec 29, 2022 · Frontend Development

Meituan Technical Salon 2022: Overview of Six Online Sessions

The 2022 Meituan Technical Salon recap details six online sessions—testing, algorithm strategies, data development, foundational technology, system development, and frontend development—listing each talk’s title, speaker, date, and offering video and PPT links, serving as a comprehensive learning resource on Meituan’s engineering practices.

AlgorithmsData developmentMeituan
0 likes · 4 min read
Meituan Technical Salon 2022: Overview of Six Online Sessions
Baidu MEUX
Baidu MEUX
Dec 29, 2022 · Frontend Development

Choosing the Right Chart for B‑End Data Visualization to Maximize Impact

This article explains how designers can select appropriate chart types, analyze data relationships and features, enhance visual hierarchy, and apply responsive design techniques to create effective B‑end data visualizations that improve information transmission and user understanding.

Data VisualizationUXchart design
0 likes · 14 min read
Choosing the Right Chart for B‑End Data Visualization to Maximize Impact
DeWu Technology
DeWu Technology
Dec 28, 2022 · Frontend Development

Frontend Performance Optimization for SCM Application

By shrinking HTML to under 14 KB, replacing large global packages with selective imports, introducing dynamic and lazy loading, externalizing stable libraries via CDN, and caching menu data, the SCM frontend’s common bundle dropped from 1.4 MB to below 200 KB, dramatically improving first‑paint rates and overall page‑load performance.

OptimizationSCMVue
0 likes · 11 min read
Frontend Performance Optimization for SCM Application
ByteFE
ByteFE
Dec 28, 2022 · Frontend Development

Understanding Web Components: Features, Lifecycle, and Integration with Modern Frameworks

This article explains what Web Components are, details their core features such as Custom Elements, Shadow DOM, and HTML templates, demonstrates practical usage with React, Vue, and micro‑frontend scenarios, compares them to traditional frameworks, and discusses advantages, limitations, and related tools like Lit and Omi.

JavaScriptMicro FrontendsShadow DOM
0 likes · 57 min read
Understanding Web Components: Features, Lifecycle, and Integration with Modern Frameworks
DeWu Technology
DeWu Technology
Dec 23, 2022 · Frontend Development

Frontend Unit Testing as Documentation: Challenges and Practices

The team combats outdated documentation and costly front‑end maintenance by treating unit tests for the use‑case layer as living documentation, using BDD‑style Given‑When‑Then tests that assert only observable behavior, which improves code readability, eases onboarding, and provides a reliable safety net for future changes.

BDDJavaScriptMocking
0 likes · 13 min read
Frontend Unit Testing as Documentation: Challenges and Practices
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 23, 2022 · Frontend Development

Build the Ultimate Front-End Monitoring System & Master Advanced JS Tricks

It introduces a series of front‑end engineering articles covering comprehensive monitoring architecture, CSS‑based click throttling, drag‑and‑drop implementation, 30 essential JavaScript concepts, and a simple responsive data‑dashboard solution, aiming to deepen developers’ skills and showcase resume‑worthy expertise.

JavaScriptPerformanceUI
0 likes · 3 min read
Build the Ultimate Front-End Monitoring System & Master Advanced JS Tricks
Snowball Engineer Team
Snowball Engineer Team
Dec 22, 2022 · Frontend Development

Cross‑Platform Frontend High‑Availability, Performance Optimization and Migration at Snowball

This article details Snowball's front‑end team's end‑to‑end cross‑platform architecture, covering high‑availability monitoring, performance measurement, bundle hot‑update and splitting strategies, Hermes engine migration, stability fixes, and a systematic migration plan for RN/H5 pages, while outlining future roadmap and lessons learned.

React Nativefrontend
0 likes · 31 min read
Cross‑Platform Frontend High‑Availability, Performance Optimization and Migration at Snowball
Sohu Tech Products
Sohu Tech Products
Dec 21, 2022 · Frontend Development

Design and Implementation of a Front‑End Monitoring Platform and SDK

This article presents a comprehensive guide to building a front‑end monitoring system—including pain points, error‑reconstruction techniques, data collection methods, performance metrics, user‑behavior tracking, and a modular SDK architecture—illustrated with detailed code examples for Vue, React, XHR, fetch, and cross‑origin handling.

Error TrackingSDKfrontend
0 likes · 32 min read
Design and Implementation of a Front‑End Monitoring Platform and SDK
ByteFE
ByteFE
Dec 16, 2022 · Frontend Development

Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers

This newsletter presents a collection of technical articles covering the Vite 4 release, the dangers of over‑design, building Node.js automation workflows, React Native monorepo practices, Chrome's memory and energy saver modes, first‑principles thinking for engineers, WebRTC face‑recognition implementation, JavaScript best practices, and an overview of Web Workers.

JavaScriptNode.jsReact Native
0 likes · 8 min read
Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers
Zhaori User Experience
Zhaori User Experience
Dec 16, 2022 · Frontend Development

How to Build a Scientific Color System for Enterprise Mobile Banking Apps

This article explains how to create a rational, extensible, and harmonious color system for an enterprise mobile banking app, covering principles, a step‑by‑step workflow, brand color evolution, auxiliary palette generation, WCAG contrast validation, and implementation details for design and development teams.

Mobile BankingUI designaccessibility
0 likes · 10 min read
How to Build a Scientific Color System for Enterprise Mobile Banking Apps
Laravel Tech Community
Laravel Tech Community
Dec 15, 2022 · Frontend Development

jQuery 3.6.2 Released with Adjustments for Chrome’s New :has() Selector

jQuery 3.6.2, released four months after version 3.6.1, introduces compatibility fixes for Chrome’s newly added :has() selector, handling forgiving parsing and complex selector scenarios, while ensuring older versions may still be affected and directing users to the full changelog for additional changes.

3.6.2:has() selectorChrome
0 likes · 3 min read
jQuery 3.6.2 Released with Adjustments for Chrome’s New :has() Selector
JD Cloud Developers
JD Cloud Developers
Dec 14, 2022 · Frontend Development

How a DevOps Pipeline Can Supercharge Front‑End Delivery Efficiency

This article analyzes the current challenges of front‑end delivery, outlines the bottlenecks in existing workflows, and presents a DevOps‑driven pipeline that automates build, test, and deployment to improve efficiency, quality, and collaboration across development teams.

CI/CDDevOpsQuality
0 likes · 17 min read
How a DevOps Pipeline Can Supercharge Front‑End Delivery Efficiency
ELab Team
ELab Team
Dec 14, 2022 · Frontend Development

Mastering ESLint: How AST Powers Code Linting and Custom Rules

This article explores the fundamentals of ESLint, explaining how it leverages abstract syntax trees (AST) to enforce code style, detect errors, and enable custom rule creation, while providing practical configuration examples, code snippets, and insights into the underlying processing pipeline.

ASTCode styleCustom Rules
0 likes · 16 min read
Mastering ESLint: How AST Powers Code Linting and Custom Rules
ELab Team
ELab Team
Dec 13, 2022 · Frontend Development

Boost Your Site’s Traffic: Front‑End SEO Strategies from Zero to Success

This comprehensive guide walks front‑end developers through the entire SEO workflow—from understanding search engine mechanics and optimizing site structure, URLs, and TDK, to performance tuning, sitemap and API submission, link building, structured data, and monitoring—offering practical tactics to increase organic traffic.

PerformanceSEOURL structure
0 likes · 20 min read
Boost Your Site’s Traffic: Front‑End SEO Strategies from Zero to Success
ELab Team
ELab Team
Dec 13, 2022 · Backend Development

Why .NET Is Overlooked in China: A Deep Dive into Blazor and Flutter Web

This article compares popular and niche technologies, explains why .NET remains relatively unknown in China's internet industry, and introduces its evolution, the Blazor web framework (both WebAssembly and Server models), and the capabilities of Flutter Web for cross‑platform development.

BackendWebAssemblyblazor
0 likes · 11 min read
Why .NET Is Overlooked in China: A Deep Dive into Blazor and Flutter Web
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Dec 13, 2022 · Frontend Development

Understanding Browser Process Architecture and Rendering Pipeline

This article explains how modern browsers use multi‑process architectures, detailing the evolution from single‑process models, the roles of browser, renderer, GPU, network, and plugin processes, and walks through the navigation and rendering pipelines—including DOM construction, style calculation, layout, layering, painting, rasterization, compositing, and their impact on performance.

PerformanceProcess Architecturebrowser
0 likes · 12 min read
Understanding Browser Process Architecture and Rendering Pipeline
ByteFE
ByteFE
Dec 12, 2022 · Frontend Development

Understanding JavaScript Asynchronous Mechanisms and the Event Loop

This article explains why JavaScript, despite being single‑threaded, needs asynchronous mechanisms such as the event loop, details macro‑ and micro‑tasks, compares browser and Node.js implementations, and demonstrates common pitfalls and best practices using callbacks, Promise, generator, and async/await patterns.

@AsyncJavaScriptNode.js
0 likes · 16 min read
Understanding JavaScript Asynchronous Mechanisms and the Event Loop
ELab Team
ELab Team
Dec 6, 2022 · Frontend Development

Ensuring Smooth, Stable Experiences for Massive Mobile Event Launches

This article outlines the technical strategies and best practices for guaranteeing high‑quality user experiences during large‑scale mobile event rollouts, covering background, core guarantees, business characteristics, performance metrics, high‑concurrency handling, dynamic configuration, loading optimization, runtime safeguards, and monitoring.

Performancedynamic-configurationfrontend
0 likes · 23 min read
Ensuring Smooth, Stable Experiences for Massive Mobile Event Launches
政采云技术
政采云技术
Dec 6, 2022 · Frontend Development

Front‑end Localized Deployment: DNS Forwarding and Asset Replacement Strategies

This article explains how a front‑end team can localize static resources for intranet deployment by either intercepting DNS requests to redirect CDN domains to internal servers or by scanning and replacing CDN URLs during the build process, and provides step‑by‑step implementation details with code examples.

DNSfrontendlocalization
0 likes · 14 min read
Front‑end Localized Deployment: DNS Forwarding and Asset Replacement Strategies
Architecture Digest
Architecture Digest
Dec 6, 2022 · Frontend Development

How to Turn a Web Page Grayscale Using CSS Filters

This article explains why applying a CSS grayscale filter is a low‑cost way to turn an entire website black‑and‑white for memorial occasions and provides three practical code snippets—including simple style rules, DOCTYPE adjustments, and Flash parameters—to achieve the effect across browsers.

CSSfilterfrontend
0 likes · 6 min read
How to Turn a Web Page Grayscale Using CSS Filters
Java Architect Essentials
Java Architect Essentials
Dec 5, 2022 · Frontend Development

Turn Any Webpage Grayscale with a Few Simple CSS Filters

This guide explains why and how to convert an entire website to black‑and‑white using CSS filter properties, provides two practical methods with code snippets, addresses browser compatibility, DOCTYPE requirements, and even Flash handling, and ends with a ready‑to‑use CSS block.

CSSFiltersHTML
0 likes · 6 min read
Turn Any Webpage Grayscale with a Few Simple CSS Filters
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 5, 2022 · Frontend Development

Why Cross-Platform Development Is Evolving: From Web Containers to Flutter

Cross‑platform development has rapidly evolved from simple web containers to sophisticated native‑rendering solutions like React Native, Weex, and Flutter, prompting a push for standardized container specifications that balance performance, consistency, and developer efficiency across the ever‑growing ecosystem of smart devices.

FlutterReact NativeStandardization
0 likes · 12 min read
Why Cross-Platform Development Is Evolving: From Web Containers to Flutter
Liangxu Linux
Liangxu Linux
Dec 4, 2022 · Frontend Development

Turn Any Web Page Gray with a Simple CSS Grayscale Filter

This guide explains how to apply the CSS filter grayscale() function to turn whole web pages—including images, text, and buttons—into grayscale, showing the required CSS rules, how different percentage values affect the result, and which browsers support the feature.

CSSfilterfrontend
0 likes · 4 min read
Turn Any Web Page Gray with a Simple CSS Grayscale Filter
KooFE Frontend Team
KooFE Frontend Team
Dec 4, 2022 · Frontend Development

Mastering Scalable CSS: From Early Tables to Tailwind and Modern Architectures

This article traces the evolution of CSS from its early table‑based days through the rise of responsive design, examines why large‑scale projects struggle with CSS, reviews major architecture patterns such as OOCSS, BEM and ITCSS, and explains how tools like Tailwind and CSS‑in‑JS address modern scalability challenges.

CSSScalable CSSTailwind
0 likes · 20 min read
Mastering Scalable CSS: From Early Tables to Tailwind and Modern Architectures
MoonWebTeam
MoonWebTeam
Dec 4, 2022 · Frontend Development

Why Svelte Beats Vue3 and React: Real-World Performance Gains and Core Mechanics

This article presents a comprehensive investigation of Svelte, detailing its dramatic bundle size reduction, performance improvements, compilation-based architecture, core implementation, advantages, drawbacks, and practical usage guidelines, supported by real project data, npm and GitHub statistics, and code examples to help developers confidently adopt Svelte.

CompilationJavaScriptPerformance
0 likes · 30 min read
Why Svelte Beats Vue3 and React: Real-World Performance Gains and Core Mechanics
Alibaba Cloud Native
Alibaba Cloud Native
Dec 3, 2022 · Cloud Native

How to Build Cloud‑Native Modern Web Apps with Serverless Function Compute

This article explains how front‑end engineers can transition from traditional static‑site deployment to fully cloud‑native web applications by leveraging Alibaba Cloud’s Serverless services—OSS, CDN, and Function Compute—to achieve automatic scaling, zero‑ops maintenance, cost efficiency, and enhanced security for dynamic APIs, tasks, and media processing.

BackendCloud NativeCost Efficiency
0 likes · 11 min read
How to Build Cloud‑Native Modern Web Apps with Serverless Function Compute
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 2, 2022 · Frontend Development

Essential Frontend Techniques: Tree‑Shaking, Code Readability, and Performance Hacks

Explore a curated collection of frontend articles covering bundler tree‑shaking, code readability tricks, precision handling with big.js, hidden CSS features, Apple‑style scrolling effects, ready‑made visual dashboard demos, and performance insights like reducing jank and mastering LightHouse workflows.

JavaScriptPerformancebundling
0 likes · 4 min read
Essential Frontend Techniques: Tree‑Shaking, Code Readability, and Performance Hacks
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 2, 2022 · Frontend Development

How to Analyze and Optimize Frontend Bundle Size with a DIY JS Parser

This article walks through measuring bundle growth, identifying duplicate dependencies and missing tree‑shaking, building a Go‑based JavaScript parser, generating a dependency graph, handling conditional imports, applying dead‑code elimination, and finally using the tool to shrink frontend bundle size.

BundleTree-shakingdead code elimination
0 likes · 35 min read
How to Analyze and Optimize Frontend Bundle Size with a DIY JS Parser
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2022 · Frontend Development

Building an Interactive 3D Phone Showcase with Three.js Multimedia Elements (Text, Image, Audio, Video)

This article explains how to use Three.js to create a realistic 3D phone product page by loading and applying multimedia assets such as custom fonts, textures, audio sources, and video textures, and demonstrates interactive features like ray‑casting for material switching and first‑person controls.

3DJavaScriptThree.js
0 likes · 19 min read
Building an Interactive 3D Phone Showcase with Three.js Multimedia Elements (Text, Image, Audio, Video)
DaTaobao Tech
DaTaobao Tech
Nov 30, 2022 · Frontend Development

From Traditional GUI to Intelligent UI: Building User‑Centred Experience

The article traces the shift from static graphical interfaces to intelligent, user‑centred designs through a three‑layer model—classic precision, behavior‑influencing intelligence, and emerging AR/VR‑ML experiences—quantifies visual information load with Shannon theory, optimizes layouts via A/B testing and maximum‑entropy analysis, and forecasts AI‑driven, multimodal, service‑oriented UI futures.

DesignUIfrontend
0 likes · 53 min read
From Traditional GUI to Intelligent UI: Building User‑Centred Experience
JD.com Experience Design Center
JD.com Experience Design Center
Nov 29, 2022 · Frontend Development

How JD’s Mini‑Program Redesign Transformed User Experience on WeChat

This article details JD’s strategic redesign of its WeChat mini‑program, outlining user‑centric insights, framework and feed upgrades, diversified navigation, brand mind‑set enhancements, and entertainment‑driven features that together create a more engaging, efficient, and enjoyable shopping experience.

UX designWeChat mini-programdesign strategy
0 likes · 13 min read
How JD’s Mini‑Program Redesign Transformed User Experience on WeChat
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 29, 2022 · Frontend Development

Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More

This article provides a step‑by‑step tutorial on installing the stable Nuxt 3 release, explaining server‑side rendering concepts, configuring routes, layouts, components, plugins, composables, Pinia, VueUse, CSS preprocessing, and best practices for building a modern frontend application.

ComposablesNuxt3Pinia
0 likes · 18 min read
Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More
Xingsheng Youxuan Technology Community
Xingsheng Youxuan Technology Community
Nov 29, 2022 · Frontend Development

How Low‑Code and AI Are Redefining Frontend Development – Inside Marvel’s Engine

This article reviews a QCon 2022 talk on low‑code and intelligent UI, outlining the evolution of low‑code concepts, decision‑making for platform adoption, the architecture of the Marvel low‑code engine (Dlibrary, DPro, visual system, canvas, drag, render, material integration), and AI‑driven smart inspection techniques, concluding with practical insights for teams facing similar challenges.

AIPlatform ArchitectureSmart Inspection
0 likes · 22 min read
How Low‑Code and AI Are Redefining Frontend Development – Inside Marvel’s Engine
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 28, 2022 · Frontend Development

Why Frontend Frameworks Fail and How to Build Better Architecture

Modern front‑end frameworks like Vue and React have sparked a cult‑like devotion that often obscures deeper issues; this article examines the resulting complexity, argues that developers—not tools—are the key variable, and presents a layered, composable architecture with code examples to improve maintainability.

ArchitectureFrameworksbest practices
0 likes · 21 min read
Why Frontend Frameworks Fail and How to Build Better Architecture
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 25, 2022 · Frontend Development

Vue Compiler Overview and Sandbox Compilation Techniques

This article explores the fundamentals of Vue's compilation process, compares Vue 2 and Vue 3 compilers, demonstrates sandbox compilation with code examples, and discusses practical considerations such as handling templates, scripts, styles, and hot‑module reloading, providing developers with insights to effectively integrate Vue compilation in browser environments.

JavaScriptVuecompiler
0 likes · 17 min read
Vue Compiler Overview and Sandbox Compilation Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 25, 2022 · Frontend Development

ECharts Configuration‑Driven Development: From Basics to Advanced Component Design

This article explains why ECharts is a popular choice for large‑screen dashboards, introduces the configuration‑driven mindset, demonstrates graphic and animation techniques, and walks through building a reusable Vue 3 base component with dynamic resizing, theming, and empty‑state handling.

AnimationConfigurationData Visualization
0 likes · 13 min read
ECharts Configuration‑Driven Development: From Basics to Advanced Component Design