BestHub
Sign in
Tagged articles
3130 articles
Page 21 of 32
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 18, 2021 · Frontend Development

How iMove Turns Front‑End Logic into Visual Flowcharts and Ready‑to‑Run Code

iMove is an open‑source low‑code tool for front‑end developers that visualizes business logic as flowcharts, compiles them into executable JavaScript (or other languages), supports online and local builds, automatic npm dependency resolution, and instant node testing, dramatically reducing UI‑logic coupling and maintenance cost.

Visual ProgrammingfrontendiMove
0 likes · 25 min read
How iMove Turns Front‑End Logic into Visual Flowcharts and Ready‑to‑Run Code
ByteFE
ByteFE
Jan 18, 2021 · Frontend Development

State of JS 2020: Trends and Satisfaction of JavaScript Libraries and Frameworks

The article analyzes the State of JS 2020 data, showing how emerging JavaScript libraries, front‑end and back‑end frameworks, testing tools, bundlers and other utilities rank in usage and developer satisfaction, and highlights the rapid rise of TypeScript, Jest, React, Vue.js and newer tools such as esbuild and Snowpack.

JavaScriptframeworksfrontend
0 likes · 7 min read
State of JS 2020: Trends and Satisfaction of JavaScript Libraries and Frameworks
58UXD
58UXD
Jan 18, 2021 · Frontend Development

How We Revamped a 20k‑User Enterprise Communication Tool’s PC UI

This case study details the complete redesign of Meishi’s PC client—an internal communication platform for over 20,000 employees—covering background challenges, visual and interaction upgrades, information‑noise reduction, motion integration, and the creation of a unified design system to boost efficiency and brand perception.

UI redesigndesign systementerprise communication
0 likes · 8 min read
How We Revamped a 20k‑User Enterprise Communication Tool’s PC UI
Programmer DD
Programmer DD
Jan 17, 2021 · Frontend Development

Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation

An exclusive interview with a Pornhub front‑end engineer reveals how the adult‑industry pushes browser video limits, adopts new Web APIs like IntersectionObserver and Picture‑in‑Picture, and tackles performance, testing, and cross‑platform challenges to stay at the cutting edge of web development.

Web APIsWeb Performancefrontend
0 likes · 11 min read
Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 14, 2021 · Frontend Development

How Alibaba’s MediaAI Studio Brings AI‑Powered Live Stream Interactions to Life

This article explains how Alibaba's MediaAI Studio enables real‑time gesture‑based festive effects, AI‑driven face accessories, and interactive live‑stream experiences on Taobao, detailing the workflow from design to deployment, the underlying media‑intelligence architecture, and future development plans.

AI interactionARMedia AI
0 likes · 15 min read
How Alibaba’s MediaAI Studio Brings AI‑Powered Live Stream Interactions to Life
Full-Stack Internet Architecture
Full-Stack Internet Architecture
Jan 13, 2021 · Information Security

Three Single Sign-On Mechanisms and Their Implementation Methods

The article introduces three single sign‑on mechanisms—stateless HTTP, session‑based, and login state—and compares three practical implementations: using a parent‑domain cookie, deploying an authentication centre, and sharing tokens via LocalStorage with iframe and postMessage, providing code examples and diagrams.

BackendSSOfrontend
0 likes · 9 min read
Three Single Sign-On Mechanisms and Their Implementation Methods
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 13, 2021 · Frontend Development

Full-Stack Front-End Insights: Fred Wu’s Journey and Future Trends

In this interview, Fred Wu, Tencent’s front‑end lead, shares his experiences with full‑stack development, offers advice for aspiring front‑end engineers, discusses his team’s recent full‑stack initiatives, and predicts upcoming trends such as Flutter, low‑code, and 5G‑driven audio‑video advancements.

Web Developmentcareer advicefrontend
0 likes · 6 min read
Full-Stack Front-End Insights: Fred Wu’s Journey and Future Trends
Qunar Tech Salon
Qunar Tech Salon
Jan 13, 2021 · Frontend Development

Qunar 2020 Technical Achievements and Article Collection

In 2020 Qunar's front‑end team explored multi‑platform adaptation, low‑code marketing, UI automation, security enhancements, and framework upgrades, publishing a series of technical articles that detail their solutions, performance gains, and practical insights for developers across the organization.

QunarReact Nativefrontend
0 likes · 6 min read
Qunar 2020 Technical Achievements and Article Collection
ByteFE
ByteFE
Jan 12, 2021 · Frontend Development

Recording Canvas Animations to Video Using the Media Streams API

This article demonstrates how to capture a Canvas animation as a video using the Media Streams API and MediaRecorder, providing step‑by‑step code examples, integration with ffmpeg‑wasm for audio, and discusses use cases such as online teaching and resource‑efficient playback.

CanvasMedia Streams APIMediaRecorder
0 likes · 6 min read
Recording Canvas Animations to Video Using the Media Streams API
iQIYI Technical Product Team
iQIYI Technical Product Team
Jan 8, 2021 · Frontend Development

Front‑End Performance Optimization for iQIYI Video Production Smart Cloud Platform

After replacing its three‑year‑old Arm.js stack with a Vue.js + Node.js architecture, iQIYI’s smart‑cloud video platform tackled loading, rendering, and API bottlenecks by using CDN‑served library DLLs, refined Webpack splitChunks, lazy‑loaded components with skeleton screens, and rewrote the BFF in NestJS, cutting bundle size by two‑thirds, reducing first‑page load to 790 ms and halving core API latency.

Node.jsVue.jsfrontend
0 likes · 16 min read
Front‑End Performance Optimization for iQIYI Video Production Smart Cloud Platform
Aotu Lab
Aotu Lab
Jan 8, 2021 · Frontend Development

Front‑End Tech Highlights: Video Players, Performance Tips, AI Recommendations

From the rise and fall of Flash to modern front‑end video playback techniques, performance optimization strategies, AI recommendation fundamentals, CLI design best practices, and a glimpse into game development and algorithm analysis, this article surveys diverse cutting‑edge technologies shaping today’s software landscape.

AICLIalgorithm
0 likes · 10 min read
Front‑End Tech Highlights: Video Players, Performance Tips, AI Recommendations
Aotu Lab
Aotu Lab
Jan 8, 2021 · Frontend Development

From Taro IDE to Tide: Building a Multi‑Platform Frontend Development Ecosystem

This article chronicles the evolution of Taro IDE—from a cross‑platform mini‑program framework to an integrated development environment built on Electron and Theia—detailing its architecture, debugging tools, user‑feedback lessons, and the transition toward the Tide IDE framework for scalable frontend engineering.

ElectronIDETaro
0 likes · 12 min read
From Taro IDE to Tide: Building a Multi‑Platform Frontend Development Ecosystem
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 7, 2021 · Frontend Development

How Frontend Chaos Engineering Boosts Reliability: Lessons from Alibaba

This article explores the challenges of frontend availability, introduces chaos engineering concepts, and details Alibaba's practical approach to frontend fault injection—including static resource hijacking, a safe isolated environment, monitoring integration, and a real‑world drill that demonstrates how to measure and improve detection and response capabilities.

Fault InjectionReliabilitychaos engineering
0 likes · 18 min read
How Frontend Chaos Engineering Boosts Reliability: Lessons from Alibaba
Taobao Frontend Technology
Taobao Frontend Technology
Jan 7, 2021 · Frontend Development

Unveiling the Secrets of CSS: From Its Origins to Modern Mastery

This comprehensive guide explores CSS history, its evolution through standards, core concepts like cascade, specificity, inheritance, formatting contexts, box model, modern layout techniques, best practices, tooling, and future trends, offering developers a deep understanding of styling the web.

CSSStylingfrontend
0 likes · 52 min read
Unveiling the Secrets of CSS: From Its Origins to Modern Mastery
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 7, 2021 · Frontend Development

How Lottie Turns JSON Into Smooth Web Animations: A Deep Dive

This article explains how Lottie uses JSON exported from Adobe After Effects via the Bodymovin plugin to render vector animations on the web, detailing the export workflow, JSON structure, renderer initialization, layer processing, and the requestAnimationFrame‑driven playback loop with code examples.

BodymovinJSON animationLottie
0 likes · 20 min read
How Lottie Turns JSON Into Smooth Web Animations: A Deep Dive
Sohu Tech Products
Sohu Tech Products
Jan 6, 2021 · Mobile Development

Mobile Adaptation Techniques for Vue.js Development

This article explains how to adapt Vue.js web pages for diverse mobile devices by configuring the viewport meta tag, using relative and viewport units, applying flex layouts, handling fixed positioning issues, implementing route transitions, and leveraging useful plugins and component registration methods.

CSSVue.jsfrontend
0 likes · 19 min read
Mobile Adaptation Techniques for Vue.js Development
vivo Internet Technology
vivo Internet Technology
Jan 6, 2021 · Frontend Development

Master D3.js: From Core Modules to Building a Custom Bar Chart

This article explains D3.js fundamentals—including its selection, join, and scale modules—then walks through a step‑by‑step implementation of a fully customized bar chart using SVG, demonstrating how to bind data, create axes, and add interactive tooltips.

D3.jsData visualizationInteractive Charts
0 likes · 11 min read
Master D3.js: From Core Modules to Building a Custom Bar Chart
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Build Your Own MVVM Framework from Scratch with JavaScript

This article walks through the complete implementation of a lightweight MVVM framework—covering Object.defineProperty data hijacking, proxying, template compilation, publish‑subscribe reactivity, two‑way binding, computed properties and lifecycle hooks—using plain JavaScript.

JavaScriptMVVMObject.defineProperty
0 likes · 14 min read
Build Your Own MVVM Framework from Scratch with JavaScript
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 6, 2021 · Frontend Development

Mastering Gray-Scale Cross-Platform Monitoring for Front-End Apps

This article explains the background, technical architecture, real‑world case, and key takeaways of implementing gray‑scale monitoring across web, Weex, mini‑programs, and other cross‑platform front‑end solutions to improve issue detection and reduce mean time to recovery.

Operationscross‑platformfrontend
0 likes · 10 min read
Mastering Gray-Scale Cross-Platform Monitoring for Front-End Apps
HomeTech
HomeTech
Jan 6, 2021 · Backend Development

Using GraphQL to Reduce API Calls and Manage Data Complexity in Frontend Development

The article explains how the rapid growth of API endpoints and data fields in complex business scenarios can be mitigated by introducing a GraphQL middle‑layer built with Node.js, detailing schema design, resolvers, performance considerations, tooling, custom scalars, response formatting, caching, and security measures.

API optimizationBackendGraphQL
0 likes · 15 min read
Using GraphQL to Reduce API Calls and Manage Data Complexity in Frontend Development
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 4, 2021 · Frontend Development

How Hema Built a Unified Cross‑Platform Design System for Backend Operations

This talk outlines Hema's exploration of a unified cross‑platform solution for its middle‑back office, covering industry trends, challenges of diverse devices and environments, and a three‑layer approach that combines a design system driven by environment‑aware design tokens, a model‑centric component architecture, and an application framework that synchronizes state across devices.

Component Architecturecross‑platformdesign system
0 likes · 22 min read
How Hema Built a Unified Cross‑Platform Design System for Backend Operations
php Courses
php Courses
Dec 31, 2020 · Frontend Development

Five Free 2021 New Year Countdown Effect Source Codes

This article introduces five free, downloadable JavaScript/CSS3 countdown effect templates for the 2021 New Year, each with a brief description, preview image, and direct download link for developers to integrate into their web projects.

CountdownJavaScriptWeb animation
0 likes · 3 min read
Five Free 2021 New Year Countdown Effect Source Codes
58UXD
58UXD
Dec 31, 2020 · Frontend Development

Mastering Motion: 10 Principles of Interaction Animation for Better UI

This article explores how motion, inspired by everyday life and Disney animation principles, shapes interaction design through ten core animation principles—real‑time vs. non‑real‑time, easing, offset, linking, transformation, value changes, masking, cloning, obscuring, parallax, dimension, and push/pull‑scale—to create more natural and engaging user experiences.

UI PrinciplesUser experiencefrontend
0 likes · 8 min read
Mastering Motion: 10 Principles of Interaction Animation for Better UI
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 30, 2020 · Frontend Development

From PRD to Code: Alibaba’s P2C Front‑End Intelligence in Action

This talk explains Alibaba’s P2C product that extends design‑to‑code automation to PRD‑to‑code, detailing its layered architecture, annotation workflow, logical‑point extraction, code generation, and roadmap toward AI‑driven zero‑annotation development for front‑end engineers and product designers.

AIP2Cannotation
0 likes · 22 min read
From PRD to Code: Alibaba’s P2C Front‑End Intelligence in Action
政采云技术
政采云技术
Dec 29, 2020 · Frontend Development

How React Fiber Controls Updates: Inside the New Rendering Engine

This article explains how React 16's Fiber architecture replaces the recursive VDOM traversal with a cooperative, time‑sliced update model that splits work, uses linked‑list structures, assigns priorities, and allows tasks to be paused, resumed, or aborted for smoother rendering and better user experience.

FiberReactRendering
0 likes · 18 min read
How React Fiber Controls Updates: Inside the New Rendering Engine
Java Captain
Java Captain
Dec 27, 2020 · Backend Development

Implementing a WebSSH Terminal with SpringBoot, WebSocket, JSch, and xterm.js

This article demonstrates how to build a WebSSH terminal from scratch using SpringBoot for the backend, WebSocket for real‑time communication, JSch for SSH connections, and xterm.js for the front‑end terminal UI, including dependency setup, server‑side logic, and client‑side integration.

SSHSpringBootWebSSH
0 likes · 17 min read
Implementing a WebSSH Terminal with SpringBoot, WebSocket, JSch, and xterm.js
58UXD
58UXD
Dec 25, 2020 · Frontend Development

Designing Effective Feed Streams: Principles and Solutions for Mobile Content Platforms

This article examines the concept, purpose, and visual forms of feed streams in a mobile community app, outlines key usability design principles such as signal‑to‑noise ratio, readability and proximity, and presents integrated, efficient, and enriched design solutions to improve content presentation and user experience.

MobileUI/UXUsability
0 likes · 7 min read
Designing Effective Feed Streams: Principles and Solutions for Mobile Content Platforms
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 25, 2020 · Frontend Development

How DingTalk Built a High‑Performance, Collaborative Online Spreadsheet from Scratch

This talk walks through DingTalk Spreadsheet's journey from zero to a feature‑rich, Excel‑compatible web app, covering its modular architecture, the RangeMan solution for scalable cell management, sophisticated collaboration algorithms like GOT and COT, and performance‑driven rendering techniques using Canvas, double buffering, and a custom text layout engine.

CanvasCollaborationOT
0 likes · 14 min read
How DingTalk Built a High‑Performance, Collaborative Online Spreadsheet from Scratch
Beike Product & Technology
Beike Product & Technology
Dec 24, 2020 · Frontend Development

Improving Frontend Efficiency with the YuanShi Platform: Team Structure, Collaboration, and Component‑Based Development

The article explains how the YuanShi platform was created to address front‑end talent shortage by standardising tools, redefining team structures, introducing component‑based cooperation, and outlining the evolution, benefits, challenges, and future directions of this approach within a large B‑end organization.

Component LibrarySoftware Architecturefrontend
0 likes · 14 min read
Improving Frontend Efficiency with the YuanShi Platform: Team Structure, Collaboration, and Component‑Based Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 21, 2020 · Frontend Development

2020 Front‑End Tech Trends: TypeScript Surge, WebAssembly Rise, Low‑Code & Serverless

The 2020 front‑end landscape shifted from simple page rendering to full‑stack product development, highlighting seven major trends such as the explosive growth of TypeScript, the dominance of React, the emergence of WebAssembly, the rapid adoption of low‑code platforms, deeper serverless integration, DevOps maturation, and the expanding role of WebRTC, all of which reshaped how developers deliver business value.

DevOpsfrontendlow-code
0 likes · 27 min read
2020 Front‑End Tech Trends: TypeScript Surge, WebAssembly Rise, Low‑Code & Serverless
360 Tech Engineering
360 Tech Engineering
Dec 18, 2020 · Frontend Development

Cancelling Duplicate Axios Requests and Building a Reusable Wrapper

This guide explains the scenarios that cause duplicate HTTP requests in web applications, demonstrates two Axios cancellation techniques, and shows how to encapsulate the logic in a reusable module with request tracking, interceptor integration, npm linking, and open‑source contribution steps.

JavaScriptaxioscancellation
0 likes · 9 min read
Cancelling Duplicate Axios Requests and Building a Reusable Wrapper
TAL Education Technology
TAL Education Technology
Dec 17, 2020 · Artificial Intelligence

Web Front‑End Intelligent Computing: Concepts, Implementation, and Applications

This article explains how AI technologies are transitioning from labs to the web, covering neural network fundamentals, the distinction between cloud and edge intelligence, implementation pipelines, offline model optimization, online inference backends like WebGL and WASM, and practical web front‑end AI use cases.

Neural NetworksWeb AIfrontend
0 likes · 10 min read
Web Front‑End Intelligent Computing: Concepts, Implementation, and Applications
政采云技术
政采云技术
Dec 15, 2020 · Frontend Development

How Junior Frontend Engineers Can Grow Quickly and Seek Breakthroughs

This article offers junior frontend engineers practical guidance on selecting the right company, integrating into new teams, accelerating technical and professional skill development, identifying growth opportunities, and avoiding common career pitfalls to achieve rapid career breakthroughs.

Career DevelopmentGrowthProfessional Skills
0 likes · 15 min read
How Junior Frontend Engineers Can Grow Quickly and Seek Breakthroughs
Sensors Frontend
Sensors Frontend
Dec 14, 2020 · Frontend Development

Top Frontend Techniques: Micro‑Frontends, CSS @apply, Canvas Signatures, SSR & More

Explore a curated collection of cutting‑edge frontend knowledge—including a zero‑cost micro‑frontend framework, reasons to drop CSS @apply, canvas‑based electronic signatures with PDF output, large‑scale SSR strategies, Chrome 87 enhancements, ECMAScript 2021 features, XSS defenses, automated SVG icon delivery, ESLint best practices, JavaScript metaprogramming, node_modules pitfalls, Monorepo management, and Rax mini‑program runtime insights.

DevOpsJavaScriptWeb Performance
0 likes · 10 min read
Top Frontend Techniques: Micro‑Frontends, CSS @apply, Canvas Signatures, SSR & More
Top Architect
Top Architect
Dec 13, 2020 · Frontend Development

Comprehensive Overview of Browser Rendering Process and HTTP Request Flow

This article provides a detailed, step‑by‑step explanation of how a browser processes a simple HTTP request—from URL parsing, DNS lookup, and TCP connection through server handling, response reception, HTML/CSS parsing, layout, painting, reflow/repaint, and JavaScript execution—highlighting key concepts, optimizations, and common pitfalls.

DNSHTTPJavaScript
0 likes · 16 min read
Comprehensive Overview of Browser Rendering Process and HTTP Request Flow
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 10, 2020 · Frontend Development

How JavaScript Dominated the Web: Front‑End Innovations at Alibaba’s D2 Forum

This article explores the evolution of front‑end technology from early web effects to modern interactive media, detailing Alibaba's comprehensive interactive platform, the shift beyond mere efficiency, the impact of serverless architectures, and the expanding role of front‑end engineers in business‑driven product development.

AlibabaJavaScriptfrontend
0 likes · 12 min read
How JavaScript Dominated the Web: Front‑End Innovations at Alibaba’s D2 Forum
php Courses
php Courses
Dec 7, 2020 · Frontend Development

Five Creative jQuery Back-to-Top Effects with Code and Download Links

This article introduces five distinctive jQuery-powered back‑to‑top animations—including a cartoon character, rocket launcher, starry rocket, floating rocket, and a music‑ding effect—explaining their visual style, providing brief descriptions, and offering download URLs for the source code.

Back-to-TopJavaScriptUI Effects
0 likes · 3 min read
Five Creative jQuery Back-to-Top Effects with Code and Download Links
Sensors Frontend
Sensors Frontend
Dec 7, 2020 · Frontend Development

Top Frontend Insights: Micro‑Frontends, G6, Code Quality, CDN, CSS & More

This curated collection presents concise overviews of recent front‑end advancements, covering micro‑frontend architecture in Xiaomi CRM, G6 4.0 visual analytics, code‑quality best practices, 2020's hottest technologies, CDN fundamentals, CSS trends, component design, TypeScript popularity, VSCode inspection tools, watermark techniques, GPU.js acceleration, React DOM manipulation, and the top JS13K 2020 games.

Component DesignJavaScriptMicro Frontends
0 likes · 9 min read
Top Frontend Insights: Micro‑Frontends, G6, Code Quality, CDN, CSS & More
21CTO
21CTO
Dec 4, 2020 · Frontend Development

Why JavaScript Celebrates Its Birthday: 25 Years of Web Dominance

Celebrating JavaScript’s 25th anniversary, this article traces its rapid 10‑day creation in 1995, its evolution into the world’s most popular language, the rise of TypeScript, the impact of V8, and emerging technologies like WebAssembly that extend its influence across the web.

JavaScriptTypeScriptWebAssembly
0 likes · 7 min read
Why JavaScript Celebrates Its Birthday: 25 Years of Web Dominance
Manbang Technology Team
Manbang Technology Team
Dec 4, 2020 · Frontend Development

Improving Development and Release Efficiency through Standardization, Cross‑Platform, and Dynamic Frameworks in a Large Front‑End Team

The article describes how a large front‑end team tackled low development and release efficiency by standardizing UI components, adopting cross‑platform solutions such as React Native and Flutter, building dynamic configuration frameworks, and automating release processes, ultimately achieving faster, more reliable product delivery across multiple business units.

dynamic-updatesfrontendreact-native
0 likes · 13 min read
Improving Development and Release Efficiency through Standardization, Cross‑Platform, and Dynamic Frameworks in a Large Front‑End Team
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 3, 2020 · Frontend Development

How Hema’s Backend Teams Built a Unified Cross‑Device Experience Platform

This article explains how Hema redesigned its enterprise backend workflows by creating a full‑scene cross‑device design system, reusable components, and a layered application architecture that lets staff operate seamlessly across PCs, tablets, phones, and IoT devices in stores, warehouses and delivery trucks.

EnterpriseUIcross‑platform
0 likes · 13 min read
How Hema’s Backend Teams Built a Unified Cross‑Device Experience Platform
政采云技术
政采云技术
Dec 1, 2020 · Frontend Development

Writing High-Quality Maintainable Code: Component Abstraction and Granularity

This article explains how to write high-quality, maintainable frontend code by exploring component abstraction, granularity, design principles, and classification—from atomic to page-level components—illustrated with React and Vue examples, code snippets, and practical guidelines for balancing reuse and complexity.

Component DesignVueabstraction
0 likes · 15 min read
Writing High-Quality Maintainable Code: Component Abstraction and Granularity
Programmer DD
Programmer DD
Nov 29, 2020 · Frontend Development

Boost Your Productivity: 10 Must‑Know VS Code Tricks for Developers

This article compiles a curated list of practical VS Code techniques—from refactoring code and customizing view layouts to fast debugging, symbol navigation, terminal management, Git operations, and essential shortcuts—offering developers concrete ways to accelerate their workflow and write cleaner code.

VS Codedebuggingfrontend
0 likes · 12 min read
Boost Your Productivity: 10 Must‑Know VS Code Tricks for Developers
Sohu Tech Products
Sohu Tech Products
Nov 25, 2020 · Frontend Development

Designing a Minimal JavaScript Plugin System

This article walks through building a simple JavaScript calculator, adds a minimal plugin architecture, discusses its limitations, and then presents a more robust plugin system that separates core functionality from extensions while preserving safety and testability.

Plugin Systemarchitecturefrontend
0 likes · 9 min read
Designing a Minimal JavaScript Plugin System
转转QA
转转QA
Nov 25, 2020 · Backend Development

Functional Test Case Platform for Unified Test Case Management

The article describes the challenges of maintaining test cases amid organizational changes and introduces a functional test case platform that centralizes case storage, supports version‑driven updates, enables reuse of business modules and base components, and outlines its backend MongoDB design, frontend mind‑map UI, and future roadmap.

BackendMongoDBSoftware Testing
0 likes · 6 min read
Functional Test Case Platform for Unified Test Case Management
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 24, 2020 · Frontend Development

Evolution of Cross‑Platform Frontend: From H5 to Flutter and Beyond

This article traces the evolution of cross‑platform frontend development—from early H5 and hybrid solutions through native containerization, same‑layer rendering, mini‑programs, and self‑draw frameworks like Flutter—while highlighting Alibaba’s current challenges, strategic directions, and the upcoming D2 cross‑platform technical forum.

AlibabaD2 conferenceMobile
0 likes · 19 min read
Evolution of Cross‑Platform Frontend: From H5 to Flutter and Beyond
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 19, 2020 · Frontend Development

How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats

Alibaba’s Double 11 “Super Star Show Cat” interactive experience achieved ultra‑fast page loads, seamless animation, and zero failures by leveraging a custom EVA front‑end solution, optimized page rendering infrastructure, modular loading, data slimming, accessibility support, and a global stability strategy with device‑level experience grading.

EVAWebaccessibility
0 likes · 13 min read
How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats
ByteFE
ByteFE
Nov 19, 2020 · Frontend Development

Implementing a Progressive Web App (PWA) for Sharee Mobile: Features, Architecture, and Lessons Learned

This article explains the concept of Progressive Web Apps, compares them with native and traditional web apps, details the implementation of core PWA features such as App Manifest, Service Worker, caching strategies, push notifications, and Workbox best practices, and shares metrics, challenges, and solutions encountered during the Sharee mobile project.

JavaScriptPWAService Worker
0 likes · 28 min read
Implementing a Progressive Web App (PWA) for Sharee Mobile: Features, Architecture, and Lessons Learned
macrozheng
macrozheng
Nov 18, 2020 · Frontend Development

8 Chrome Extensions to Supercharge Your GitHub Workflow

Discover eight Chrome extensions that streamline GitHub navigation, enable single‑file downloads, accelerate cloning, enhance search, add file icons, beautify contribution graphs, and improve Markdown navigation, dramatically reducing repetitive actions and boosting developer productivity.

ChromeExtensionsGitHub
0 likes · 6 min read
8 Chrome Extensions to Supercharge Your GitHub Workflow
Programmer DD
Programmer DD
Nov 18, 2020 · Frontend Development

What’s New in Angular 11? Key Features and Upgrade Guide

Angular 11.0.0 introduces major updates such as TypeScript 4.0 support, dropping legacy IE versions, automatic font inlining, enhanced test harnesses, faster builds, experimental Webpack 5 support, and a migration from TSLint to ESLint, all detailed with upgrade commands and practical tips.

AngularCLIESLint
0 likes · 5 min read
What’s New in Angular 11? Key Features and Upgrade Guide
Taobao Frontend Technology
Taobao Frontend Technology
Nov 17, 2020 · Frontend Development

How Server‑Side Rendering Supercharged Double‑11 Page Performance

This article explains how the 2020 Double‑11 e‑commerce event page adopted server‑side rendering to dramatically improve first‑paint metrics, reduce page‑load time, boost user engagement, and overcome the limitations of the existing client‑side rendering architecture through a low‑risk, data‑driven SSR solution.

SSRfrontend
0 likes · 22 min read
How Server‑Side Rendering Supercharged Double‑11 Page Performance
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 16, 2020 · Frontend Development

How Alibaba Frontend Engineered Double 11 Success: Strategies, Innovations, and Lessons Learned

This article details the massive changes and challenges of Double 11 2023, describing how Alibaba's front‑end teams used D2C automation, Serverless FaaS, PHA, ESR, pre‑rendering, SSR, intelligent UI and robust stability processes to boost performance, conversion and user experience across multiple platforms.

Double11automatione‑commerce
0 likes · 21 min read
How Alibaba Frontend Engineered Double 11 Success: Strategies, Innovations, and Lessons Learned
Yuewen Frontend Team
Yuewen Frontend Team
Nov 16, 2020 · Frontend Development

Build a Lightweight Carousel with CSS Scroll‑Snap and Minimal JavaScript

This article demonstrates how to replace heavy swiper libraries with a slim, pure‑CSS carousel using scroll‑snap‑type, scroll‑snap‑align, and scroll‑behavior, and adds a small JavaScript polyfill for smooth scrolling and automatic slide rotation, complete with npm packaging and compatibility notes.

CSSCarouselJavaScript
0 likes · 7 min read
Build a Lightweight Carousel with CSS Scroll‑Snap and Minimal JavaScript
Practical DevOps Architecture
Practical DevOps Architecture
Nov 16, 2020 · Frontend Development

Introduction to JavaScript: Basics, Inclusion Methods, Selectors, Events, and DOM Manipulation

This article introduces JavaScript fundamentals, explains three ways to include scripts, demonstrates simple click events, shows how to use selectors, outlines event handling, and covers DOM manipulation techniques such as modifying content, styles, and classes, including retrieving computed styles.

CSS selectorsDOMEvents
0 likes · 5 min read
Introduction to JavaScript: Basics, Inclusion Methods, Selectors, Events, and DOM Manipulation
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 12, 2020 · Frontend Development

How Frontend Teams Master Safety Production: Insights from Alibaba’s D2 Forum

This article shares Alibaba front‑end engineer A Da’s background and explains the emerging focus on frontend safety production, covering why a dedicated session is needed, how it differs from general security, practical asset‑loss prevention, workflow integration, and what attendees can expect from the D2 event.

Engineeringfrontendfrontend security
0 likes · 11 min read
How Frontend Teams Master Safety Production: Insights from Alibaba’s D2 Forum
php Courses
php Courses
Nov 10, 2020 · Backend Development

Building a Simple Chatroom with WebSocket and Swoole (PHP)

This tutorial demonstrates how to create a lightweight chatroom by combining WebSocket on the front end with Swoole's WebSocket server in PHP, covering project setup, required environment, client‑side HTML/JS, server‑side PHP code, and steps to run and test the application.

BackendChatroomJavaScript
0 likes · 8 min read
Building a Simple Chatroom with WebSocket and Swoole (PHP)
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 9, 2020 · Frontend Development

Weekly Frontend Digest: Design Patterns, CSS Houdini, SvelteKit, and More

This weekly roundup curates essential front‑end insights, covering technical debt, the 7GUIs benchmark, SvelteKit updates, GraphQL debates, Adobe XD integration, adapter design pattern deep‑dive, enterprise data‑visualisation challenges, CodeSandbox tricks, quirky JavaScript quirks, open‑source tools, CSS Houdini breakthroughs, and a host of other cutting‑edge resources for developers.

CSS HoudiniGraphQLSvelteKit
0 likes · 17 min read
Weekly Frontend Digest: Design Patterns, CSS Houdini, SvelteKit, and More
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 6, 2020 · Frontend Development

Designing a Robust Front‑End Monitoring SDK: Principles, Architecture & Implementation

This article explores the design and implementation of the Yueying front‑end monitoring SDK, covering its purpose, core design principles, module architecture, reference formats, semantic versioning, key interfaces, testing strategy, and user‑experience enhancements such as quick integration and dynamic sampling.

DesignSDKfrontend
0 likes · 10 min read
Designing a Robust Front‑End Monitoring SDK: Principles, Architecture & Implementation
Architects Research Society
Architects Research Society
Nov 5, 2020 · Frontend Development

Comparative Analysis of React, Angular, and Vue Frameworks

This article provides a detailed comparison of the three major frontend frameworks—React, Angular, and Vue—covering their design principles, strengths, weaknesses, performance benchmarks, popularity, learning curves, and suitability for different project requirements.

AngularLearning CurveReact
0 likes · 18 min read
Comparative Analysis of React, Angular, and Vue Frameworks
Tencent Cloud Developer
Tencent Cloud Developer
Nov 5, 2020 · Cloud Computing

Tencent Lianlian IoT Mini‑Program: Device Classification, Lifecycle, and Connectivity Solutions

Tencent’s Lianlian IoT mini‑program unifies device classification, a six‑stage secure lifecycle, Wi‑Fi and Bluetooth provisioning, low‑code control panels, and open‑source SDKs into an end‑to‑end platform that accelerates rapid product launch and cross‑platform front‑end development for smart‑home and enterprise IoT solutions.

BluetoothIoTTencent Lianlian
0 likes · 27 min read
Tencent Lianlian IoT Mini‑Program: Device Classification, Lifecycle, and Connectivity Solutions
Sohu Tech Products
Sohu Tech Products
Nov 4, 2020 · Frontend Development

24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems

This article presents a curated collection of 24 practical ES6 code snippets that address common front‑end challenges such as DOM manipulation, event handling, network requests, timing utilities, and file system operations, providing ready‑to‑use solutions for developers.

DOMcode snippetses6
0 likes · 12 min read
24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems
Architects Research Society
Architects Research Society
Nov 4, 2020 · Frontend Development

React as a State Management Library: Best Practices and Patterns

This article explains how React can serve as a complete state‑management solution by using hooks, lifting state, component composition, the Context API, and optional libraries, while also covering performance tips, server‑cached versus UI state, and when to adopt external tools.

Context APIReactState Management
0 likes · 15 min read
React as a State Management Library: Best Practices and Patterns
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Nov 4, 2020 · Frontend Development

Is AVIF the New King of Web Image Compression? A Deep Dive

This article explores the AVIF image format—derived from AV1 video—comparing its lossy and lossless compression performance against JPEG, WebP, and PNG across various test images, discussing acceptable quality thresholds, encoding/decoding times, tooling, and practical recommendations for web developers.

AVIFJPEGfrontend
0 likes · 18 min read
Is AVIF the New King of Web Image Compression? A Deep Dive
Architects Research Society
Architects Research Society
Nov 2, 2020 · Frontend Development

React vs Vue: A CTO’s Guide to Choosing the Right JavaScript Framework

This article provides CTOs and project managers with a comprehensive comparison of React and Vue, covering factors such as code quality, type checking, modularity, learning curve, developer friendliness, testing, server‑side rendering, performance, scalability, application size, and practical use‑case recommendations.

JavaScriptReactVue
0 likes · 23 min read
React vs Vue: A CTO’s Guide to Choosing the Right JavaScript Framework
AntTech
AntTech
Nov 2, 2020 · Frontend Development

Opportunities and Challenges of Enterprise Data Visualization Applications

The talk outlines why enterprise data visualization is essential for extracting value from massive, multi‑dimensional data, describes design and development challenges, presents AntV's comprehensive frontend visualization solutions, and predicts future trends such as intelligent, democratized, and decision‑integrated visual analytics.

AntVBig DataData visualization
0 likes · 15 min read
Opportunities and Challenges of Enterprise Data Visualization Applications
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 30, 2020 · Frontend Development

Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0

In this talk, Lin Wai, senior experience design expert at Ant Group, explains how Ant Design 4.0 is built on the fundamental assumption that every person seeks happy work, explores the challenges of mismatched skill‑challenge balance in the digital age, and introduces the ETCG 2.0 methodology that makes design more natural, certain, and growth‑oriented.

Ant DesignUser experiencedesign methodology
0 likes · 16 min read
Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 30, 2020 · Frontend Development

Building a Declarative, Component‑Based Tracking System with Buffer Queues in React

This article analyzes the challenges of front‑end event tracking, compares existing manual, visual, and full‑tracking solutions, and presents a declarative component architecture with a buffered queue that decouples tracking logic from business code while handling click and exposure events efficiently in React.

Buffer QueueComponentIntersectionObserver
0 likes · 12 min read
Building a Declarative, Component‑Based Tracking System with Buffer Queues in React
政采云技术
政采云技术
Oct 29, 2020 · Frontend Development

How to Build a Custom Frontend Performance Testing System from Scratch

This article explains how to design and implement a bespoke performance testing platform for web pages using Lighthouse, Puppeteer, and Node.js, covering architecture, data collection, hook functions, gatherer modules, scoring logic, and automated weekly reporting.

LighthousePerformance TestingPuppeteer
0 likes · 18 min read
How to Build a Custom Frontend Performance Testing System from Scratch
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 29, 2020 · Frontend Development

How Big Data and AI Are Redefining Front‑End Development

From the early days of static web pages to today's data‑driven, AI‑enhanced interfaces, this article explores how the big‑data boom and artificial‑intelligence advances since 2010 have transformed front‑end technologies, driving innovations in data visualization, web‑based software, and diverse user interactions.

AIBig DataData visualization
0 likes · 11 min read
How Big Data and AI Are Redefining Front‑End Development