BestHub
Sign in
Tagged articles
3136 articles
Page 12 of 32
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.

FrontendSpringBootTypeScript
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.

FrontendJavaScriptMemory Leak
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.

FrontendJestMock
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.

FrontendJavaScriptLibrary
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.

DebounceFrontendJavaScript
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.

FrontendUIVue
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.

FrontendJavaScriptPromise
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 IntelligenceFrontendIoC
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.

FrontendJavaScriptSurvey
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.

AnalyticsFrontendVTree
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.

ChangeSetsFrontendGitHub Actions
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.

FrontendWorkspacedependency management
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.

FrontendGitHubcode browsing
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.

FrontendServer-side Renderingedge computing
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.

FrontendLeadershipcareer
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.

Frontenddom manipulationdynamic node insertion
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.

APIFrontendMVC
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.

FrontendJavaScriptProxy
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.

FrontendGitHubawesome lists
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.

ComponentFrontendVue
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.

FrontendVitebuild tools
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 TrendsFrontendLow‑code
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.

CanvasFrontendLow‑code
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.

DevelopmentFrontendHBuilderX
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.

DevOpsFrontendJavaScript
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.

FrontendUI 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 RenderingFrontendflame graph
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.

FrontendGame DevelopmentHTML
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.

ChromiumFrontendSpeculation Rules
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.

APIFrontendSlot
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.

AlibabaFrontendLow‑code
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.

FrontendUI frameworkadmin dashboard
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.

BackendFrontendPolling
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.

AlibabaEngineFrontend
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.

ComponentizationDevelopmentFrontend
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.

CLIFrontendNode.js
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 LibraryFrontend
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 LibraryFrontendMigration
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.

FrontendReActcontext
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 ArchitectureFrontendJSON
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.

FrontendJavaScriptcode snippets
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.

AIFrontendSSR
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.

AlibabaDocumentationEngine
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.

Cache-ControlETagFrontend
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.

Cache-ControlETagFrontend
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.

FrontendResourcesUI design
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.

AIFrontendMicro 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.

BFFBackendFrontend
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 roadmapFramework
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.

DayjsFrontendJavaScript
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.

FrontendPlatformruntime 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 PatternsFrontend
0 likes · 10 min read
Mastering React Design Patterns: From Containers to Custom Hooks
Tencent Cloud Developer
Tencent Cloud Developer
Jan 6, 2023 · Frontend Development

Understanding Vue's Diff Algorithm: Rules, Implementation, and Optimizations

The article explains Vue’s virtual‑node diff algorithm, detailing depth‑first traversal, head‑tail pointer comparisons, an index‑map for moved nodes, post‑traversal addition/removal handling, and Vue 3’s static‑vnode optimization, showing how these techniques achieve efficient O(n) DOM updates.

Diff AlgorithmFrontendVirtual DOM
0 likes · 6 min read
Understanding Vue's Diff Algorithm: Rules, Implementation, and Optimizations
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 OptimizationFrontendGraphQL
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.

CollaborationFrontendReAct
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-DropFrontend
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 DevelopmentFrontend
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 visualizationFrontendUX
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.

FrontendOptimizationSCM
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.

FrontendJavaScriptMicro Frontends
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.

BDDClean ArchitectureFrontend
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.

FrontendJavaScriptUI
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.

FrontendReact Native
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.

FrontendSDKerror tracking
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.

FrontendJavaScriptNode.js
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.

FrontendUI 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.

DevOpsFrontendautomation
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.

ASTCustom RulesESLint
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.

FrontendSEOURL 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.

BackendFrontendWebAssembly
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.

FrontendProcess ArchitectureRendering Pipeline
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.

AsyncFrontendJavaScript
0 likes · 16 min read
Understanding JavaScript Asynchronous Mechanisms and the Event Loop