BestHub
Sign in
Tagged articles
3130 articles
Page 23 of 32
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 22, 2020 · Frontend Development

Mastering Micro‑Frontend Routing: From Basics to Sandbox Isolation

This article explores the challenges of routing in micro‑frontend architectures, explains why correct parent‑child routing is essential, walks through progressively more sophisticated solutions—including shared routes, sandbox isolation, and message‑based synchronization—and finally presents a robust implementation that works across diverse scenarios.

History APIfrontendmicro-frontend
0 likes · 18 min read
Mastering Micro‑Frontend Routing: From Basics to Sandbox Isolation
Laravel Tech Community
Laravel Tech Community
Jun 19, 2020 · Frontend Development

Bootstrap 5 Alpha Released: Major Changes and New Features

Bootstrap 5 Alpha introduces a jQuery‑free core, drops Internet Explorer support, revamps the documentation UI, adds CSS custom properties, expands the grid system and utilities, and brings numerous enhancements to forms, colors, and overall developer experience.

BootstrapCSSDocumentation
0 likes · 6 min read
Bootstrap 5 Alpha Released: Major Changes and New Features
37 Interactive Technology Team
37 Interactive Technology Team
Jun 19, 2020 · Frontend Development

Webpack Multi-Page Project Build Practice

The article walks through configuring Webpack to build a multi‑page Vue application—showing why the default CLI SPA setup falls short, how to generate dynamic entry points, set output paths, apply loaders for JS, CSS, images, and use plugins such as MiniCssExtractPlugin, CopyWebpackPlugin and HtmlWebpackPlugin to produce separate bundles and HTML files for each page.

Configurationbuildfrontend
0 likes · 20 min read
Webpack Multi-Page Project Build Practice
Bitu Technology
Bitu Technology
Jun 19, 2020 · Frontend Development

Debugging Across Multiple OTT Devices with a Unified Remote Debugger

This article explains the challenges of debugging a wide range of OTT platforms, reviews existing tools like Eruda, vConsole, and ADB, and introduces a custom remote debugger built on Chrome DevTools Protocol that unifies debugging, JavaScript execution, and data inspection across devices.

Chrome DevToolsOTT devicesWeb Development
0 likes · 8 min read
Debugging Across Multiple OTT Devices with a Unified Remote Debugger
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 17, 2020 · Frontend Development

Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App

This article shares Alibaba's ticketing team's cross‑platform mini‑program development experience, covering Alipay, Baidu, ByteDance, and quick‑app cards, detailing platform differences, practical tips, common pitfalls, and strategies for building, testing, and maintaining multi‑platform mini‑programs efficiently.

AlipayDevelopmentMobile
0 likes · 22 min read
Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App
vivo Internet Technology
vivo Internet Technology
Jun 17, 2020 · Frontend Development

Multi-Platform Micro-Component Development for Mini‑Programs and Quick Apps Using uni‑app

The team created a plug‑in, visual, self‑adapting framework based on Vue and uni‑app that transforms a domain‑specific language into an AST, then compiles unified micro‑components into native code for WeChat, Alipay, ByteDance, iOS/Android and quick‑apps, dramatically lowering development effort and enabling reusable, cross‑platform activity configurations.

frontendmicro-componentsmini-programs
0 likes · 20 min read
Multi-Platform Micro-Component Development for Mini‑Programs and Quick Apps Using uni‑app
Programmer DD
Programmer DD
Jun 17, 2020 · Frontend Development

Why Vue Is Rewriting Its Core: Inside the Vue 3 Architecture Overhaul

The Vue team explains why they are rebuilding Vue 3—leveraging new JavaScript features like Proxy, fixing architectural limitations, adopting TypeScript, improving performance and bundle size, and introducing a flexible Composition API—while using an RFC process to involve the community.

FrameworkTypeScriptVue 3
0 likes · 15 min read
Why Vue Is Rewriting Its Core: Inside the Vue 3 Architecture Overhaul
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 16, 2020 · Frontend Development

From Beginner to Senior: A Structured Front‑End Learning Roadmap

This article outlines a comprehensive front‑end learning path—from basic HTML/CSS/JavaScript through framework mastery, Node.js, engineering tools, and code abstraction—while sharing personal experiences, practical code examples, and advice on continuous skill development for aspiring developers.

EngineeringJavaScriptLearning Path
0 likes · 21 min read
From Beginner to Senior: A Structured Front‑End Learning Roadmap
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 15, 2020 · Frontend Development

Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor

This article explores how frontend engineers at WeDoctor adapt experience design and performance metrics—such as page load time, interactive readiness, and second‑open rate—to the specific needs of the medical industry, detailing analysis methods, integration approaches, and future plans for micro‑frontend governance.

MetricsUser experienceWeb Optimization
0 likes · 15 min read
Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor
政采云技术
政采云技术
Jun 14, 2020 · Frontend Development

Web-Based Face Recognition Authentication Using face-api.js

This article explains how to implement a web‑browser face‑recognition authentication system by capturing video streams with WebRTC, detecting faces with face‑api.js, converting images to Base64, and leveraging Baidu AI services for identity verification and liveness detection.

TensorFlow.jsWebRTCface-api.js
0 likes · 14 min read
Web-Based Face Recognition Authentication Using face-api.js
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 12, 2020 · Frontend Development

How to Optimize Front-End Memory Usage for Massive Map Annotations

This article explores front‑end memory challenges when rendering large numbers of map annotations, explains heap vs. stack storage, hash‑based object handling, TypedArray/DataView usage, shared memory with Web Workers, and provides performance test results and practical optimization recommendations.

Memory OptimizationWeb Workersfrontend
0 likes · 17 min read
How to Optimize Front-End Memory Usage for Massive Map Annotations
Didi Tech
Didi Tech
Jun 5, 2020 · Frontend Development

How Chameleon Enables One‑Code Multi‑Platform Development: Inside Didi’s Open‑Source Cross‑End Framework

This article explores Didi’s open‑source Chameleon framework, detailing its origins, cross‑platform goals, MVVM‑based design principles, architecture layers, DSL compilation, runtime implementation, engineering tooling, ecosystem components, and real‑world adoption across dozens of Didi products and external teams.

ChameleonDidiFramework
0 likes · 13 min read
How Chameleon Enables One‑Code Multi‑Platform Development: Inside Didi’s Open‑Source Cross‑End Framework
vivo Internet Technology
vivo Internet Technology
Jun 3, 2020 · Frontend Development

Behavior-Preset Dynamic Layout for Full-Screen Pages

The article presents a behavior‑preset dynamic layout system that uses DPR‑derived root font sizes and rem units to automatically adapt full‑screen pages across diverse device aspect ratios and resolutions, offering preset rules for backgrounds, element scaling, and anchoring, thus eliminating the need for multiple style sheets.

CSSDynamic ScalingResponsive Design
0 likes · 18 min read
Behavior-Preset Dynamic Layout for Full-Screen Pages
JD Retail Technology
JD Retail Technology
Jun 3, 2020 · Frontend Development

Design and Implementation of a Frontend Configuration Engine for Component‑Based Page Development

This article explains how a frontend configuration engine can be designed to boost page development efficiency by using component‑based architecture, detailing attribute definitions, data requests, hierarchical relationships, and cross‑component interactions, and illustrates the approach with JSON schemas and React code examples.

Component ArchitectureJSON SchemaReact
0 likes · 16 min read
Design and Implementation of a Frontend Configuration Engine for Component‑Based Page Development
Architect's Tech Stack
Architect's Tech Stack
Jun 2, 2020 · Fundamentals

A Curated List of 40+ Baidu Open‑Source Projects Across Frontend, Backend, Mobile, AI and More

This article presents a comprehensive overview of more than forty Baidu open‑source projects, ranging from JavaScript charting libraries and UI frameworks to distributed configuration platforms, mobile testing tools, RPC frameworks, big‑data visualization, and AI software, highlighting their main features and typical use cases.

AIBaiduJavaScript
0 likes · 14 min read
A Curated List of 40+ Baidu Open‑Source Projects Across Frontend, Backend, Mobile, AI and More
Java Backend Technology
Java Backend Technology
Jun 2, 2020 · Fundamentals

Explore 70+ Baidu Open‑Source Projects: Which Ones Have You Used?

This article compiles over 70 open‑source projects released by Baidu, spanning front‑end libraries, backend frameworks, mobile tools, data‑visualization, distributed systems, AI platforms, and more, offering brief descriptions to help developers discover which of these resources they have already used.

AIBackendBaidu
0 likes · 22 min read
Explore 70+ Baidu Open‑Source Projects: Which Ones Have You Used?
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
May 28, 2020 · Frontend Development

Unlocking the Secrets of Top Front‑End Frameworks: React, Angular, and Vue Explained

This article provides a comprehensive overview of the three leading front‑end technologies—React, Angular, and Vue—detailing their core concepts, component models, rendering mechanisms, key features, and typical command‑line workflows to help developers choose the most suitable framework for their projects.

AngularJavaScriptReact
0 likes · 21 min read
Unlocking the Secrets of Top Front‑End Frameworks: React, Angular, and Vue Explained
政采云技术
政采云技术
May 27, 2020 · Frontend Development

Curated List of High-Quality Front-End Technical Public Accounts

This article presents a curated collection of reputable front‑end and full‑stack technical public accounts, offering valuable resources, tutorials, and community insights to assist developers in learning, project development, and professional growth.

ResourcesWeb Developmentfrontend
0 likes · 5 min read
Curated List of High-Quality Front-End Technical Public Accounts
Alibaba Cloud Developer
Alibaba Cloud Developer
May 26, 2020 · Frontend Development

How Edge Stream Rendering (ESR) Boosts Front‑End Performance

This article explores the limitations of traditional front‑end performance techniques for first‑page loads and introduces a new Edge Stream Rendering (ESR) approach that leverages CDN edge computing to stream static and dynamic content sequentially, reducing TTFB, white‑screen time, and core content display latency across various network conditions.

CDNESRSSR
0 likes · 19 min read
How Edge Stream Rendering (ESR) Boosts Front‑End Performance
Alibaba Terminal Technology
Alibaba Terminal Technology
May 26, 2020 · Frontend Development

How Digital Twin and Emerging Tech Will Redefine Front‑End Development

This article explores the concept of Digital Twin, its growing relevance, and how emerging technologies such as immersive tech, smart spaces, AI, Serverless, Blockchain, IoT, and visual development are poised to reshape front‑end engineering, outlining past trends, current challenges, and future directions for developers.

Digital TwinEmerging Technologiesapp runtime
0 likes · 20 min read
How Digital Twin and Emerging Tech Will Redefine Front‑End Development
Laravel Tech Community
Laravel Tech Community
May 25, 2020 · Frontend Development

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

This article lists and briefly describes ten popular open‑source admin dashboard UI frameworks—such as AdminLTE, vue‑Element‑Admin, Tabler, and others—providing their GitHub star counts, repository links, and key features to help developers choose a suitable free backend control panel for web projects.

GitHubUI frameworkadmin dashboard
0 likes · 5 min read
Top 10 Open-Source Free Admin Dashboard UI Frameworks for Web Development
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
May 22, 2020 · Frontend Development

Mastering Dark Mode with CSS Variables: A Step‑by‑Step Guide

This article explains how to implement a flexible dark‑mode theme using modern CSS custom properties, covering variable definition, runtime theme switching, Sass/Less integration, media‑query detection, image handling, event‑bus notifications, polyfills for older browsers, and the challenges of color mapping.

CSS VariablesDark ModeResponsive Design
0 likes · 16 min read
Mastering Dark Mode with CSS Variables: A Step‑by‑Step Guide
360 Quality & Efficiency
360 Quality & Efficiency
May 22, 2020 · Frontend Development

Front-End Optimization Techniques: ES6 Syntax, JavaScript Array Methods, and CSS Performance Tips

This article presents practical front‑end optimization strategies, covering ES6 syntax shortcuts, efficient JavaScript array operations, careful use of closures and timers, as well as CSS tricks like sprites, animation, and avoiding repaint/reflow to improve website performance and cross‑browser compatibility.

CSSJavaScriptes6
0 likes · 6 min read
Front-End Optimization Techniques: ES6 Syntax, JavaScript Array Methods, and CSS Performance Tips
Alibaba Terminal Technology
Alibaba Terminal Technology
May 20, 2020 · Frontend Development

Turn Your Front‑End into an AI Playground: Hands‑On Pipcook Tutorial

This comprehensive guide walks you through setting up a front‑end intelligent environment with Pipcook, covering hardware choices, OS configuration, Python and Node setups, quick visual experiments, data organization, sample generation, augmentation, feature engineering, model training, and principle analysis for digit and image classification tasks.

frontendmachine learningnodejs
0 likes · 29 min read
Turn Your Front‑End into an AI Playground: Hands‑On Pipcook Tutorial
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 20, 2020 · Frontend Development

How to Keep Front‑End Assets Available When a CDN Fails

When a CDN becomes inaccessible, a website's static resources can disappear, but by detecting failed CDN requests and automatically retrying them from the main domain—while preserving HTML, CSS, image, and especially JavaScript execution order—developers can ensure continuous site availability.

CDNFallbackfrontend
0 likes · 8 min read
How to Keep Front‑End Assets Available When a CDN Fails
Qborfy AI
Qborfy AI
May 19, 2020 · Frontend Development

Front‑End Essentials: Optimizing Large File Uploads, Cutting If‑Else, and HTTP/3/Deno Updates

This weekly roundup shares practical front‑end knowledge, detailing step‑by‑step large file upload slicing with MD5 checks, strategies to replace bulky if‑else chains such as table‑driven maps and chain‑of‑responsibility, and concise overviews of HTTP/3’s QUIC origins and Deno 1.0’s Rust‑based runtime.

Code OptimizationDenoHTTP/3
0 likes · 5 min read
Front‑End Essentials: Optimizing Large File Uploads, Cutting If‑Else, and HTTP/3/Deno Updates
AntTech
AntTech
May 18, 2020 · Frontend Development

Growing as a Frontend Engineer: Simplicity, Freedom, and Love in Team Culture

In this talk, Ant Researcher and Experience Technology Lead Yu Bo shares his personal journey and philosophy on becoming a simple, free, and loving technologist, offering practical insights on frontend career growth, team culture, product thinking, and the importance of professionalism, responsibility, and genuine care.

Career GrowthProfessionalismTeam Culture
0 likes · 18 min read
Growing as a Frontend Engineer: Simplicity, Freedom, and Love in Team Culture
政采云技术
政采云技术
May 17, 2020 · Frontend Development

Building a User Behavior Data Collection and Analysis System (Hunyi) – Frontend Team Experience

This article describes how the frontend team designed and implemented a comprehensive user behavior data collection and analysis platform, covering its business value, overall architecture, SDK-based data gathering, event interception, processing pipelines, analytics dashboards, and practical insights for product and operations teams.

AnalyticsSDKdata collection
0 likes · 15 min read
Building a User Behavior Data Collection and Analysis System (Hunyi) – Frontend Team Experience
JD Tech Talk
JD Tech Talk
May 15, 2020 · Frontend Development

Beyond Constraints: The Value and Future of Frontend Development

The article reflects on how frontend development has evolved from battling performance, compatibility, and legacy issues to exploring its true potential without constraints, discusses current bottlenecks in frameworks, tooling, and languages, and looks ahead to emerging technologies such as ESBuild, Deno, and Figma that may shape its future.

Future TrendsJavaScriptTypeScript
0 likes · 16 min read
Beyond Constraints: The Value and Future of Frontend Development
Lin is Dream
Lin is Dream
May 14, 2020 · Frontend Development

Master HTML Forms: Elements, Attributes, and Practical Code Examples

This guide explains HTML form elements, common attributes like readonly, disabled, and required, and demonstrates how to build functional forms with code snippets, including input types, labels, and form association techniques for effective data submission.

AttributesCode ExamplesForms
0 likes · 5 min read
Master HTML Forms: Elements, Attributes, and Practical Code Examples
Alibaba Cloud Developer
Alibaba Cloud Developer
May 13, 2020 · Frontend Development

How Gaode’s Front‑End Team Scaled from 5 to 100+ Engineers in 5 Years

This article chronicles the five‑year evolution of Gaode Maps' application front‑end team, detailing how it grew from a handful of engineers handling short‑term activity development to a 100‑plus‑person group supporting five major business lines with dynamic rendering, performance optimization, and a robust engineering platform.

Amapcase studydynamic rendering
0 likes · 12 min read
How Gaode’s Front‑End Team Scaled from 5 to 100+ Engineers in 5 Years
WecTeam
WecTeam
May 13, 2020 · Frontend Development

How to Build Complex CSS Animations for a Real‑World Mini‑Game

This article reviews the CSS animation techniques used in the 京喜工厂 mini‑game, covering animation principles, comparisons with SVG and JavaScript, detailed implementations of linear and step‑based animations, path animations using offset‑path and layered timing functions, and tools for visualizing and fine‑tuning keyframes.

BezierVueanimation
0 likes · 26 min read
How to Build Complex CSS Animations for a Real‑World Mini‑Game
JD.com Experience Design Center
JD.com Experience Design Center
May 13, 2020 · Frontend Development

How We Revamped the Koudou Frontend: Architecture, Performance & TypeScript Insights

This article details the comprehensive 2020 refactor of the Koudou internal purchase platform, covering front‑end architecture redesign, module‑based directory structure, performance optimizations, migration to Vue 2 with NutUI 2.x, TypeScript integration, API service modularization, and cross‑platform SDK handling.

architecturefrontendnutui
0 likes · 29 min read
How We Revamped the Koudou Frontend: Architecture, Performance & TypeScript Insights
Qborfy AI
Qborfy AI
May 12, 2020 · Frontend Development

Demystifying JavaScript Continuations and the Latest Front‑End Trends

This weekly tech roundup explains the continuation concept in JavaScript, shows how CallCC underpins React hooks, highlights 2020 front‑end trends like low‑code, serverless and AI‑driven UI generation, and reports on recent Flutter web developments and a controversial COVID‑related news story.

ContinuationFlutterJavaScript
0 likes · 6 min read
Demystifying JavaScript Continuations and the Latest Front‑End Trends
Alibaba Terminal Technology
Alibaba Terminal Technology
May 8, 2020 · Frontend Development

How Alibaba’s Tianma Platform Transforms Front‑End Page Building and Multi‑Terminal Rendering

This article explains how Alibaba’s Tianma building system evolved from early WordPress sites to a modular, flat, cross‑terminal architecture that separates front‑end and operations, standardizes data schemas, manages dependencies with a seed mechanism, and delivers high‑performance rendering across devices.

cross-terminaldependency managementfrontend
0 likes · 26 min read
How Alibaba’s Tianma Platform Transforms Front‑End Page Building and Multi‑Terminal Rendering
Ctrip Technology
Ctrip Technology
Apr 30, 2020 · Frontend Development

Multi-Platform Frontend Architecture and Code Reuse Practices at Ctrip Play Team

This article describes how Ctrip's Play team tackled fragmented front‑end stacks, unified product requirements across PC, H5, Hybrid and React Native, and implemented a component‑driven, multi‑repo architecture that enables single‑source code to be built, tested, and released for multiple platforms simultaneously.

Component ArchitectureReactReact Native
0 likes · 11 min read
Multi-Platform Frontend Architecture and Code Reuse Practices at Ctrip Play Team
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 30, 2020 · Frontend Development

Why Front‑End Teams Must Master Business Strategy to Drive Future Growth

The article argues that front‑end engineers need deep business understanding, outlines how business and technology trends shape Alibaba's international B‑to‑B trade, discusses performance‑focused planning, and proposes a forward‑looking strategy that balances immediate problems with long‑term differentiation and multi‑device integration.

Business strategyInnovationfrontend
0 likes · 10 min read
Why Front‑End Teams Must Master Business Strategy to Drive Future Growth
Qborfy AI
Qborfy AI
Apr 28, 2020 · Frontend Development

Building a Mini‑Program Framework and Exploring Modern Front‑End Trends

This article walks through constructing a simple mini‑program framework with two threads, outlines the step‑by‑step rendering process, shares curated updates from Microsoft’s tech forum and Vue 3 beta releases, and examines Bit.dev’s component‑centric workflow for building reusable front‑end modules.

Bit.devMicrosoftMini Program
0 likes · 6 min read
Building a Mini‑Program Framework and Exploring Modern Front‑End Trends
WecTeam
WecTeam
Apr 28, 2020 · Frontend Development

Supercharge Front-End Performance with Build Optimizations and Smart Rendering

This article presents a comprehensive front‑end performance checklist covering JavaScript engine targeting, script defer and streaming, progressive boot, server‑side versus client‑side rendering strategies, hydration techniques, third‑party script management, self‑hosting assets, and proper HTTP caching headers to dramatically reduce load and interactive times.

Renderingcachingfrontend
0 likes · 30 min read
Supercharge Front-End Performance with Build Optimizations and Smart Rendering
Aotu Lab
Aotu Lab
Apr 28, 2020 · Frontend Development

Build JD Mini‑Programs Quickly with Taro: A Step‑by‑Step Guide

This guide explains the background of JD mini‑programs, introduces the Taro multi‑platform framework, and provides detailed installation, project creation, build commands, debugging steps, and an example conversion to help developers efficiently create JD mini‑programs.

CLIJD Mini-ProgramMulti‑Platform Development
0 likes · 6 min read
Build JD Mini‑Programs Quickly with Taro: A Step‑by‑Step Guide
WecTeam
WecTeam
Apr 27, 2020 · Frontend Development

Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks

This article presents a comprehensive front‑end performance checklist covering resource inventory, priority grouping, native JavaScript modules, tree‑shaking, code‑splitting, Web Workers, WebAssembly, pre‑compilation, differential serving, unused code removal, bundle trimming and predictive loading techniques, with practical tool recommendations.

Build OptimizationWeb WorkerWebAssembly
0 likes · 30 min read
Master Front‑End Build Optimization: Priorities, Modules, and Performance Hacks
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Apr 24, 2020 · Frontend Development

How Vue Transforms a .vue Component into a VNode

This article explains step by step how Vue.js converts a .vue component file into a virtual DOM node by using Vue.extend, createComponent, installComponentHooks, and the VNode constructor, illustrated with real source code snippets and detailed commentary.

Componentfrontendrender
0 likes · 12 min read
How Vue Transforms a .vue Component into a VNode
ITPUB
ITPUB
Apr 24, 2020 · Frontend Development

Essential Front‑End GitHub Resources for Developers

A curated collection of high‑quality front‑end GitHub projects—including libraries, tools, UI frameworks, build systems, testing utilities, visualisation libraries, and more—provides developers with ready‑to‑use resources and links for learning and rapid development.

ResourcesWeb Developmentfrontend
0 likes · 20 min read
Essential Front‑End GitHub Resources for Developers
Baidu App Technology
Baidu App Technology
Apr 24, 2020 · Mobile Development

How Baidu’s Smart Mini‑Program Framework Achieves Near‑Native Performance

This article details the evolution of Baidu’s smart mini‑program framework, explains its multi‑layer architecture, outlines the startup phases and performance metrics, and provides concrete optimization techniques—including package splitting, resource compression, early data fetching, and setData best practices—to help developers deliver near‑native mobile experiences.

BaiduMini ProgramMobile Development
0 likes · 16 min read
How Baidu’s Smart Mini‑Program Framework Achieves Near‑Native Performance
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 24, 2020 · Frontend Development

How to Build and Maintain a Scalable Component Library for Micro‑Frontend Projects

This article explores the challenges of component maintenance in micro‑frontend architectures, compares different component types, and presents a practical CLI tool that automates scaffolding, testing, documentation, and publishing to streamline the creation of a reusable, well‑documented component library.

CLIComponent LibraryDocumentation
0 likes · 17 min read
How to Build and Maintain a Scalable Component Library for Micro‑Frontend Projects
WecTeam
WecTeam
Apr 22, 2020 · Frontend Development

How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist

This comprehensive 2020 front‑end performance checklist guides teams through planning, metric selection, environment setup, static asset optimization, build and transport strategies, testing, monitoring, and realistic goal setting, offering tools, budgets, and cultural practices to achieve faster, more responsive web experiences.

MetricsWebbudget
0 likes · 65 min read
How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist
macrozheng
macrozheng
Apr 20, 2020 · Frontend Development

How to Master Vue from Zero: A Goal‑Driven Learning Blueprint

This article outlines a step‑by‑step, goal‑oriented approach to learning Vue—starting from setting clear objectives, studying official documentation, exploring open‑source projects, expanding knowledge of related libraries, and finally practicing by building a backend‑admin front‑end, enabling developers to efficiently master the framework.

VueWeb Developmentfrontend
0 likes · 10 min read
How to Master Vue from Zero: A Goal‑Driven Learning Blueprint
政采云技术
政采云技术
Apr 19, 2020 · Frontend Development

Building a Real‑Time Editable Documentation Site with EggJS, Marked, Highlight.js and Docsify

This article describes how a front‑end team can create a markdown‑based documentation site that updates automatically via GitLab webhooks, using EggJS with marked and highlight.js for server‑side rendering or NestJS with docsify for client‑side rendering, and provides complete code examples and deployment steps.

DocsifyDocumentationEggJS
0 likes · 10 min read
Building a Real‑Time Editable Documentation Site with EggJS, Marked, Highlight.js and Docsify
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 17, 2020 · Frontend Development

From Scattered Knowledge to a Structured Front‑End System: My Year‑Long Journey to Tencent

This article recounts a software engineering student's year‑long transformation from fragmented front‑end knowledge to a systematic learning framework, detailing study methods, note‑taking strategies, and career steps that led to a position at Tencent, offering practical advice for aspiring developers.

Career Developmentfrontendlearning journey
0 likes · 8 min read
From Scattered Knowledge to a Structured Front‑End System: My Year‑Long Journey to Tencent
Python Crawling & Data Mining
Python Crawling & Data Mining
Apr 15, 2020 · Frontend Development

Build Interactive Charts Fast with G2: A Hands‑On Guide

This article introduces the G2 JavaScript visualization engine, highlights its ease of creating interactive, data‑driven charts, and provides three complete code examples—including an app user distribution chart, an enterprise cash‑flow chart, and a dynamic bar chart—demonstrating how to render Canvas or SVG graphics with minimal effort.

Data visualizationG2Interactive Charts
0 likes · 6 min read
Build Interactive Charts Fast with G2: A Hands‑On Guide
JavaScript
JavaScript
Apr 14, 2020 · Frontend Development

Why 97.5% of Websites Still Rely on jQuery and What the Latest Security Fix Brings

Despite the rise of modern frameworks like React, Vue, and Angular, 97.5% of sites still use jQuery, and the newest jQuery release focuses on essential security patches while offering a slimmer build that removes ajax, highlighting the library’s continued stability and relevance for front‑end developers.

JavaScriptfrontendjQuery
0 likes · 1 min read
Why 97.5% of Websites Still Rely on jQuery and What the Latest Security Fix Brings
Youku Technology
Youku Technology
Apr 14, 2020 · Frontend Development

Evolution of Frontend Build Tools and Webpack Optimization Practices

The article traces frontend build tools from Grunt to Gulp to Webpack, explains Webpack’s modular configuration and split‑CLI structure, and details practical optimizations—such as splitChunks, terser, Happypack, DLLs, and proxy settings—that together can halve bundle size and triple build speed, while previewing upcoming Webpack 5 changes.

Nodebuild-toolsfrontend
0 likes · 15 min read
Evolution of Frontend Build Tools and Webpack Optimization Practices
Open Source Linux
Open Source Linux
Apr 13, 2020 · Frontend Development

Inside the Browser: From URL to Render – A Complete Walkthrough

This article provides a thorough, step‑by‑step explanation of the entire browser request‑response cycle—including URL parsing, DNS lookup, TCP connection, server handling, response processing, and the detailed rendering pipeline—offering clear insight for developers and interview preparation.

DNSHTTPJavaScript
0 likes · 15 min read
Inside the Browser: From URL to Render – A Complete Walkthrough
Youku Technology
Youku Technology
Apr 13, 2020 · Frontend Development

How Youku Revamped Its Frontend: From PHP to Node.js and React SSR

The article chronicles Youku’s front‑end transformation over the past two years, detailing the migration from PHP to Node.js, the shift from Bigpipe + jQuery to React server‑side rendering, performance gains, component‑level isomorphism, serverless SSR strategies, and the open‑source framework that underpins these changes.

Serverlessarchitecturefrontend
0 likes · 11 min read
How Youku Revamped Its Frontend: From PHP to Node.js and React SSR
政采云技术
政采云技术
Apr 12, 2020 · Frontend Development

Frontend Building System: Architecture, Deployment, and JSON Schema Practices

This article introduces a frontend building system covering its motivation, business scenarios, core modules, architecture diagram, deployment strategy, JSON Schema usage, data configuration, and visualisation, while also sharing the speaker's background and recruitment information for the team.

ComponentEngineeringJSON Schema
0 likes · 11 min read
Frontend Building System: Architecture, Deployment, and JSON Schema Practices
21CTO
21CTO
Apr 11, 2020 · Frontend Development

What’s New in jQuery 3.5.0? Security Fixes and Updated Methods Explained

jQuery 3.5.0 focuses on security fixes, removes a vulnerable regex from htmlPrefilter, offers a migration plugin to restore the old behavior, and introduces .even() and .odd() methods as replacements for the deprecated positional selectors.

JavaScriptRelease Notesfrontend
0 likes · 2 min read
What’s New in jQuery 3.5.0? Security Fixes and Updated Methods Explained
Youzan Coder
Youzan Coder
Apr 10, 2020 · Frontend Development

How to Build Complex Dynamic Forms with Zan-Form’s Configurable Approach

This article explains how zan-form, a configuration‑based plugin for the zent UI library, simplifies creating and maintaining complex dynamic forms in React by using JSON definitions, conditional visibility, remote data fetching, custom components, slots, and formatting hooks.

ConfigurationFormReact
0 likes · 10 min read
How to Build Complex Dynamic Forms with Zan-Form’s Configurable Approach
Youku Technology
Youku Technology
Apr 9, 2020 · Frontend Development

How Alibaba Entertainment Scaled Front‑End Engineering with Hub CLI and Service Platform

This article details Alibaba Entertainment's front‑end engineering challenges and presents a comprehensive solution that consolidates tools, introduces Hub CLI and Hub Service, defines a unified lifecycle, automates releases, enforces quality gates, and enables domain‑specific extensions to achieve scalable, maintainable front‑end development.

DevOpsEngineeringScalability
0 likes · 12 min read
How Alibaba Entertainment Scaled Front‑End Engineering with Hub CLI and Service Platform
JD Retail Technology
JD Retail Technology
Apr 9, 2020 · Frontend Development

Performance Optimization of the Tongtian Tower H5 Platform: Frontend and Node Middleware Improvements

This case study details how the Tongtian Tower H5 platform achieved over 30% performance gains by optimizing front‑end first‑screen loading, reducing Node middleware CPU usage, employing Performance API, Chrome DevTools, v8‑profiler, and implementing both generic and business‑specific optimizations such as image resizing, CDN caching, selective webpack bundling, and precise first‑screen rendering.

frontendnodejsperformance
0 likes · 15 min read
Performance Optimization of the Tongtian Tower H5 Platform: Frontend and Node Middleware Improvements
Suning Design
Suning Design
Apr 9, 2020 · Fundamentals

Mastering Font Line Height in Sketch: Proven Rules for Perfect Mobile UI

This article explains how to set accurate font line heights in Sketch for mobile UI design, presenting single‑line and multi‑line formulas, practical examples, testing results, and verification steps to ensure consistent visual alignment across iOS, Android, and front‑end implementations.

MobileSketchTypography
0 likes · 12 min read
Mastering Font Line Height in Sketch: Proven Rules for Perfect Mobile UI
WecTeam
WecTeam
Apr 8, 2020 · Frontend Development

How MPM Revolutionizes H5 Page Data Modeling for Efficient Multi‑Platform Rendering

This article details how JD's MPM visual H5 page builder tackles complex data‑request challenges by introducing a unified data model, request aggregation, and three‑end rendering support, offering a scalable solution that improves performance, maintainability, and developer experience across web, app, and server‑side rendering.

H5MPMdata modeling
0 likes · 23 min read
How MPM Revolutionizes H5 Page Data Modeling for Efficient Multi‑Platform Rendering
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 8, 2020 · Frontend Development

Unlocking Entertainment Interaction: A Front‑End Engineer’s Guide to Modern Tech

As user attention shifts, Alibaba’s interactive team explains why entertainment‑focused interaction is essential for modern apps, outlines the underlying technologies such as ECS, EVA JS, and EVA Store, and provides a comprehensive knowledge map for front‑end developers to build lightweight, fast, and engaging interactive experiences.

ECSEVAEntertainment
0 likes · 24 min read
Unlocking Entertainment Interaction: A Front‑End Engineer’s Guide to Modern Tech
FunTester
FunTester
Apr 8, 2020 · Frontend Development

Why UI Testing Is Essential: Manual vs Automated Strategies Explained

This article explains the importance of UI testing, distinguishes it from GUI testing, compares manual and automated approaches—including Selenium benefits—and outlines key techniques such as exploratory, scripted, and user‑experience testing, while highlighting cross‑browser and performance considerations.

SeleniumUI testingautomation
0 likes · 11 min read
Why UI Testing Is Essential: Manual vs Automated Strategies Explained
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 7, 2020 · Frontend Development

From Dreamweaver to AI: Why Frontend Development Must Evolve Now

This article traces a decade of frontend evolution—from early visual tools and module‑based workflows to modern AI‑driven automation—explaining why developers must shift toward intelligent, low‑code solutions to keep pace with exploding business demands and ever‑changing devices.

AIfrontendhistory
0 likes · 32 min read
From Dreamweaver to AI: Why Frontend Development Must Evolve Now
Programmer DD
Programmer DD
Apr 6, 2020 · Frontend Development

How to Turn Your Website Grayscale with Simple CSS Tricks

Learn four straightforward methods to render an entire webpage in grayscale—by editing CSS files, adding inline styles in the head, modifying the HTML tag, or applying universal CSS filters—complete with code snippets for each approach.

CSSHTMLStyling
0 likes · 3 min read
How to Turn Your Website Grayscale with Simple CSS Tricks
Liangxu Linux
Liangxu Linux
Apr 5, 2020 · Frontend Development

Turn Any Website Gray with a Simple CSS Filter

This article explains why many Chinese websites turned gray on April 4, 2020, and shows how to replicate the effect by adding a global .gray class that applies a CSS filter, providing the exact code, usage examples, and browser compatibility details.

CSSWeb Developmentbrowser compatibility
0 likes · 8 min read
Turn Any Website Gray with a Simple CSS Filter
Sohu Tech Products
Sohu Tech Products
Apr 1, 2020 · Frontend Development

Common Webpack Optimization Techniques for Reducing Build Time and Bundle Size

This article outlines practical webpack optimization methods—including bundle analysis, build‑time measurement, on‑demand loading, loader configuration, path resolution, source‑map handling, code compression, extracting common modules, CDN usage, and multi‑process builds—to improve page load speed, reduce bundle size, and enhance overall frontend performance.

Build Optimizationbundle sizefrontend
0 likes · 16 min read
Common Webpack Optimization Techniques for Reducing Build Time and Bundle Size
21CTO
21CTO
Apr 1, 2020 · Frontend Development

Boost Your Site’s Accessibility: 4 Practical Tips for Frontend Developers

This article offers four actionable strategies—color‑blind‑friendly design, meaningful alt text, light/dark mode support, and video subtitles—to make websites more accessible for the billions of users with visual impairments, improving overall user experience and inclusivity.

accessibilityalt textcolor blindness
0 likes · 5 min read
Boost Your Site’s Accessibility: 4 Practical Tips for Frontend Developers
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 1, 2020 · Frontend Development

How to Build a Robust Frontend Safety Production System for High‑Reliability Web Apps

This article explains the concept of frontend safety production, outlines its evolution from basic monitoring to a systematic, cloud‑enabled framework, and details the core capabilities—pre‑change CI checks, gray‑release gating, and real‑time monitoring—required to ensure high‑quality, risk‑free frontend deployments.

CIautomationfrontend
0 likes · 12 min read
How to Build a Robust Frontend Safety Production System for High‑Reliability Web Apps
Aotu Lab
Aotu Lab
Mar 26, 2020 · Mobile Development

How to Supercharge WeChat Mini‑Program Performance: Real‑World Practices from JD’s JX App

This article details how JD’s JX mini‑program team tackled massive user traffic by defining user‑centric performance metrics, leveraging the Taro framework, optimizing startup, rendering, network requests, resource handling, component design, and memory usage to dramatically improve first‑screen speed and overall stability.

Mobile DevelopmentTaroWeChat Mini-Program
0 likes · 40 min read
How to Supercharge WeChat Mini‑Program Performance: Real‑World Practices from JD’s JX App
Dual-Track Product Journal
Dual-Track Product Journal
Mar 25, 2020 · Product Management

Mastering E‑Commerce Category Design: From Backend Foundations to Frontend Mapping

This article explains how well‑designed product categories serve as the backbone of an e‑commerce platform, covering the concepts of backend and frontend categories, the construction of category trees, and various mapping strategies that help both users find items quickly and operators manage large inventories efficiently.

BackendMappingOperations
0 likes · 8 min read
Mastering E‑Commerce Category Design: From Backend Foundations to Frontend Mapping
Baidu App Technology
Baidu App Technology
Mar 25, 2020 · Frontend Development

Front-end Performance Optimization of Baidu App Personal Homepage

By redefining performance metrics, analyzing bottlenecks, and applying targeted front‑end code and engineering optimizations—including early iOS onload, reduced first‑screen dependencies, merged and pre‑loaded APIs, bundle splitting, and modern‑mode delivery—the Baidu App personal homepage achieved over 100 ms reductions in white‑screen and first‑screen times across iOS and Android.

EngineeringMobileSPA
0 likes · 15 min read
Front-end Performance Optimization of Baidu App Personal Homepage
21CTO
21CTO
Mar 24, 2020 · Operations

8 Must‑Know Open‑Source Projects Shaping 2020’s Development Landscape

This article highlights eight promising open‑source projects—including front‑end frameworks like Gatsby and Next.js, back‑end solutions such as Spring Security and Elasticsearch, and essential DevOps tools like Prometheus and Kubernetes—offering developers a curated guide to technologies poised for widespread adoption in 2020.

Backendcloud-nativefrontend
0 likes · 7 min read
8 Must‑Know Open‑Source Projects Shaping 2020’s Development Landscape
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 24, 2020 · Frontend Development

How Alibaba’s Front‑End Team Boosted Efficiency with Design‑to‑Code Automation

This article describes how Alibaba Cloud’s front‑end and marketing platform team tackled frequent urgent requests and front‑end bottlenecks by adopting component‑based development and intelligent Design‑to‑Code tools like imgcook, resulting in significant automation, reduced manual effort, and a scalable low‑code workflow.

ComponentizationDSLautomation
0 likes · 9 min read
How Alibaba’s Front‑End Team Boosted Efficiency with Design‑to‑Code Automation
Tech Musings
Tech Musings
Mar 23, 2020 · Backend Development

Mastering Multipart/Form-Data: From AJAX FormData to Spring Boot Backend

This guide explains how multipart/form-data enables sending JSON and binary data together, outlines its essential specifications, demonstrates front‑end FormData usage, and details Spring Boot back‑end handling with @RequestParam and @RequestPart annotations.

BackendFormDataHTTP
0 likes · 4 min read
Mastering Multipart/Form-Data: From AJAX FormData to Spring Boot Backend
政采云技术
政采云技术
Mar 22, 2020 · Frontend Development

In‑Depth Source Code Analysis of webpack‑dev‑middleware

This article provides a detailed walkthrough of webpack-dev-middleware version 3.7.2, explaining its purpose, key features, and the core implementation of its index.js and middleware.js files, including code snippets and how it integrates with Express to serve compiled assets from memory during development.

DevToolsfrontendmiddleware
0 likes · 12 min read
In‑Depth Source Code Analysis of webpack‑dev‑middleware
Liangxu Linux
Liangxu Linux
Mar 19, 2020 · Frontend Development

10 Must‑Have VS Code Extensions to Supercharge Your Development

This article introduces ten free Visual Studio Code extensions—ranging from AI‑powered IntelliCode to code formatters, linters, theme packs, and debugging tools—that can dramatically improve productivity and code quality for both junior and senior developers.

DevelopmentExtensionsVS Code
0 likes · 7 min read
10 Must‑Have VS Code Extensions to Supercharge Your Development
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Mar 19, 2020 · Frontend Development

How to Measure Front‑End Project Efficiency with DevOps Metrics

This article outlines a DevOps‑inspired metric system for front‑end projects, describing the five development stages—design, development, personal verification, version verification, and online verification—and proposing concrete, automatable indicators to help leaders assess and improve delivery quality and speed.

Metricsfrontendquality assurance
0 likes · 10 min read
How to Measure Front‑End Project Efficiency with DevOps Metrics
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 18, 2020 · Frontend Development

How Tencent’s Online Education Front‑End Architecture Evolved: Lessons, Tools, and Future Trends

This article recounts Tencent Online Education’s front‑end journey—from unifying a chaotic tech stack and adopting component‑driven development to exploring dynamic app solutions, building a Node.js service middle‑platform, embracing serverless, and crafting internal tooling—to share practical insights for scaling front‑end teams.

ComponentizationToolingfrontend
0 likes · 21 min read
How Tencent’s Online Education Front‑End Architecture Evolved: Lessons, Tools, and Future Trends
58 Tech
58 Tech
Mar 13, 2020 · Mobile Development

wwto: An Open‑Source Cross‑Mini‑Program Migration Solution

The wwto project, open‑sourced by 58.com in March 2020, provides a near‑zero‑cost solution for converting WeChat mini‑programs into other platform mini‑programs through a three‑layer architecture of compilation, runtime adaptation, and integration tools, offering extensive features, core advantages, and a roadmap for future expansion.

Mini Programfrontendmigration
0 likes · 8 min read
wwto: An Open‑Source Cross‑Mini‑Program Migration Solution
政采云技术
政采云技术
Mar 12, 2020 · Frontend Development

Front‑end Technical Infrastructure (Base Construction) – Insights from the 2020 Front‑end Early Talk Conference

This article presents a comprehensive overview of front‑end technical base construction, covering its definition, importance, typical components such as standards, tooling, CI/CD, data tracking and performance automation, and shares practical experiences and best‑practice examples from the 2020 Front‑end Early Talk conference.

DevOpsToolingci/cd
0 likes · 21 min read
Front‑end Technical Infrastructure (Base Construction) – Insights from the 2020 Front‑end Early Talk Conference
Tencent Cloud Developer
Tencent Cloud Developer
Mar 11, 2020 · Artificial Intelligence

Build a Real‑Time Webcam Posture Monitor with TensorFlow.js

During pandemic remote work, this guide shows engineers how to use a webcam, TensorFlow.js pose detection, and simple web APIs to monitor posture, automate meal and water reminders, and generate audio alerts, turning everyday health risks into a programmable personal wellness system.

JavaScriptPosture DetectionTensorFlow.js
0 likes · 12 min read
Build a Real‑Time Webcam Posture Monitor with TensorFlow.js
ITPUB
ITPUB
Mar 9, 2020 · Frontend Development

How Pornhub’s Front‑End Engineers Video, Ads, and Cutting‑Edge Web APIs

In this interview, a senior front‑end engineer from Pornhub reveals how the platform tackles video playback, ad integration, performance monitoring, and emerging Web APIs such as IntersectionObserver, WebXR, and WebRTC, while sharing insights on their tech stack, tooling, and the unique challenges of scaling adult‑content sites.

Web APIsWeb Developmentfrontend
0 likes · 10 min read
How Pornhub’s Front‑End Engineers Video, Ads, and Cutting‑Edge Web APIs
政采云技术
政采云技术
Mar 8, 2020 · Frontend Development

Everything You Should Know About vertical-align

This article provides a comprehensive guide to the CSS vertical-align property, explaining its purpose, supported elements, value categories, interaction with line-height, common pitfalls, and practical code examples for achieving precise vertical alignment in modern web layouts.

CSSHTMLfrontend
0 likes · 18 min read
Everything You Should Know About vertical-align