BestHub
Sign in
Tagged articles

frontend

3214 articles · Page 22 of 33
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.

chaos engineeringfault injectionfrontend
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.

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

Gray ReleaseOperationscross-platform
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 Principlesfrontendinteraction animation
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.

AICode GenerationP2C
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.

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

UI/UXUsabilitycontent strategy
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.

CanvasOTWasm
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 LibraryPlatformfrontend
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.

Web AIfrontendmachine learning
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.

Professional SkillsTeam IntegrationTechnical 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.

JavaScriptMicro FrontendsTypeScript
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.

Standardizationdynamic-updatesfrontend
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.

Multi-deviceUIcross-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.

Code MaintainabilityVueabstraction
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.

ShortcutsVS Codedebugging
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.

ArchitecturePlugin Systemfrontend
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.

BackendMongoDBfrontend
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 conferencecross‑platform
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
php Courses
php Courses
Nov 18, 2020 · Backend Development

Comprehensive PHP Online Course Curriculum – Three‑Stage Full‑Stack Development Program

This curriculum outlines a three‑stage live online program covering front‑end technologies, core PHP and MySQL development, and integrated full‑stack projects with frameworks like ThinkPHP6 and Laravel, plus optional electives and practical deployment and interview preparation for enterprise‑level applications.

BackendFull-StackLaravel
0 likes · 5 min read
Comprehensive PHP Online Course Curriculum – Three‑Stage Full‑Stack Development Program
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.

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

Double11Optimizationautomation
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 CurvePerformance
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 APIHooksPerformance
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.

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

AntVData VisualizationDesign
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-designdesign methodologydesign philosophy
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
Java Architect Essentials
Java Architect Essentials
Oct 29, 2020 · Frontend Development

Seven Open‑Source Projects to Master Frontend‑Backend Separation

This article introduces seven open‑source projects that demonstrate frontend‑backend separation using technologies such as Vue, Angular, React, SpringBoot, and SpringCloud, providing practical examples and resources for developers to deepen their full‑stack development skills.

ArchitectureBackendMicroservices
0 likes · 6 min read
Seven Open‑Source Projects to Master Frontend‑Backend Separation
政采云技术
政采云技术
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.

LighthousePuppeteerWeb Performance
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.

AIData Visualizationbig data
0 likes · 11 min read
How Big Data and AI Are Redefining Front‑End Development
Youku Technology
Youku Technology
Oct 27, 2020 · Frontend Development

15th D2 Frontend Technology Forum

The 15th D2 Frontend Technology Forum, an Alibaba‑hosted online conference on Youku (Dec 19‑20 2020), offers early‑bird (30 CNY) and regular (98 CNY) tickets and features five tracks—including language frameworks, cross‑end tech, serverless Node.js, security, and diversified applications—showcasing ECMAScript, RxJS, Flutter, IoT, game‑level interaction and multimedia in a non‑profit, coffee‑price experience.

D2JavaScriptServerless
0 likes · 9 min read
15th D2 Frontend Technology Forum
vivo Internet Technology
vivo Internet Technology
Oct 22, 2020 · Frontend Development

Optimizing Front‑End Resource Loading with preload and prefetch

The article explains how to improve front‑end performance by using the browser hints preload and prefetch—preload for critical resources like fonts, prefetch for resources needed later—showing practical examples, webpack automation, best‑practice guidelines, and common pitfalls to avoid.

Web Performancebrowser cachingfrontend
0 likes · 14 min read
Optimizing Front‑End Resource Loading with preload and prefetch
Fulu Network R&D Team
Fulu Network R&D Team
Oct 22, 2020 · Frontend Development

Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications

This article introduces the essential frontend technology stack—including React, Webpack, Ant Design, DVA, ES6, and Axios—explains the typical project directory layout, walks through source code organization, and provides practical steps and tips for building merchant‑side applications with a React‑DVA architecture.

DVAReActant-design
0 likes · 15 min read
Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications
Xianyu Technology
Xianyu Technology
Oct 22, 2020 · Frontend Development

Optimizing Weex Frontend Performance for Xianyu

To eliminate Xianyu’s Weex pages’ long white-screen delays, the team identified large bundles, slow first-screen data requests, and heavy UI as root causes and applied offline bundle caching, data prefetching, progressive and on-demand rendering, and bundle slimming, cutting first-screen load to under two seconds on low-end phones and achieving near-instant display on higher-end devices.

PerformanceWeexfrontend
0 likes · 9 min read
Optimizing Weex Frontend Performance for Xianyu
vivo Internet Technology
vivo Internet Technology
Oct 20, 2020 · R&D Management

Experience of Front‑Back End Separation in the Vivo Mall Project

By incrementally routing module‑specific requests through Nginx to a new static front‑end while keeping backward‑compatible APIs, the Vivo Mall team transformed a monolithic 2015 platform into a fully separated architecture, achieving over tenfold front‑end release speed, doubled development efficiency, and a solid foundation for multi‑channel expansion.

ArchitectureRisk Managementdeployment
0 likes · 11 min read
Experience of Front‑Back End Separation in the Vivo Mall Project
政采云技术
政采云技术
Oct 18, 2020 · Information Security

How to Secure Front‑End Data with Hybrid AES‑RSA Encryption: A Complete Guide

In the era of big data and GDPR, front‑end developers must protect personal information beyond HTTPS by using a hybrid AES‑RSA encryption scheme, and this article explains the threats, compares symmetric, asymmetric and hash algorithms, and provides full client‑side and Node.js server implementations with code examples.

AESGDPRJavaScript
0 likes · 16 min read
How to Secure Front‑End Data with Hybrid AES‑RSA Encryption: A Complete Guide
Meiyou UED
Meiyou UED
Oct 16, 2020 · Frontend Development

Why Figma Is Redefining UI Design Collaboration in the Cloud

This article examines the evolution of interface design tools, compares Photoshop, Sketch, and Figma, and explains how Figma’s browser‑based, cloud‑native collaboration, component system, and community resources are reshaping UI design workflows for individuals and teams.

Design ToolsFigmaProduct Design
0 likes · 15 min read
Why Figma Is Redefining UI Design Collaboration in the Cloud
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 15, 2020 · Frontend Development

How to Diagnose and Fix Front‑End Performance Bottlenecks in Large React Projects

This article explains why modern front‑end applications suffer from performance problems such as oversized bundles and costly code execution, shows how to pinpoint the root causes using Chrome DevTools and profiling tools, and provides practical optimization techniques—including webpack configuration, tree‑shaking, immutable data handling, and memoization—to dramatically improve load and render speed.

Optimizationfrontendwebpack
0 likes · 12 min read
How to Diagnose and Fix Front‑End Performance Bottlenecks in Large React Projects
IT Architects Alliance
IT Architects Alliance
Oct 14, 2020 · Industry Insights

Which Web Technologies Will Dominate 2020? A Comprehensive Guide

This article surveys the most influential web development technologies for 2020, covering emerging standards such as WebAssembly, progressive web apps, AI integration, blockchain, and leading frameworks like PHP, Symfony, Express.js, Django, and Angular, while highlighting market statistics, use cases, and future growth prospects.

2020 TrendsArtificial IntelligenceBackend
0 likes · 14 min read
Which Web Technologies Will Dominate 2020? A Comprehensive Guide