BestHub
Sign in
Tagged articles
3136 articles
Page 31 of 32
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jun 9, 2016 · Frontend Development

Inside Taobao’s Home Page: From PHP to Node, Architecture & Performance Secrets

The article recounts a year‑and‑a‑half of evolving Taobao’s massive home page, detailing its shift from a PHP‑based rendering system to a Node‑powered architecture, the modular building platform, dynamic data integration, performance optimizations, stability measures, and agile deployment practices that keep billions of daily visits smooth.

FrontendPerformancearchitecture
0 likes · 20 min read
Inside Taobao’s Home Page: From PHP to Node, Architecture & Performance Secrets
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 7, 2016 · Frontend Development

How to Achieve Proportional Image and Video Scaling with CSS

This article explains how to maintain correct aspect ratios for images and videos in responsive layouts by setting only one dimension for images and using an intrinsic‑ratio container with padding‑bottom for videos, complete with practical CSS code examples.

FrontendImage ScalingVideo Aspect Ratio
0 likes · 3 min read
How to Achieve Proportional Image and Video Scaling with CSS
CSS Magic
CSS Magic
May 31, 2016 · Interview Experience

Interview with CSS Magic: Front‑End Career, Tools, and Team Building

In this interview, front‑end architect “CSS Magic” shares his career path, the challenges of rapid front‑end evolution, the books and people that shaped him, his approach to adopting new tools like Flexbox and Gulp, advice for beginners, and the hardware and software he relies on daily.

FrontendInterviewcareer
0 likes · 17 min read
Interview with CSS Magic: Front‑End Career, Tools, and Team Building
Aotu Lab
Aotu Lab
May 27, 2016 · Frontend Development

Exploring Adobe Spark: A Hands‑On Review of Its Multi‑Device Web Tools

This article reviews Adobe Spark, detailing its multi‑device web and iOS apps, core features like Post, Page, and Video, the user‑focused design choices, and the front‑end technologies such as Material Design, Webpack, Typekit, and SVG that power the service.

Adobe SparkFrontendHTML5
0 likes · 8 min read
Exploring Adobe Spark: A Hands‑On Review of Its Multi‑Device Web Tools
ITPUB
ITPUB
May 26, 2016 · Fundamentals

Avoid Common Mistakes When Teaching Yourself Web Development: A Beginner’s Roadmap

A recent graduate shares how he overcame the pitfalls of self‑teaching programming by narrowing his tech stack to essential web tools, focusing on hands‑on projects, and avoiding endless theory, offering a concise roadmap for beginners eager to build functional prototypes quickly.

DjangoFrontendProgramming Basics
0 likes · 4 min read
Avoid Common Mistakes When Teaching Yourself Web Development: A Beginner’s Roadmap
Aotu Lab
Aotu Lab
May 20, 2016 · Frontend Development

Master CSS3 3D Transforms: Flip Cards, Book‑Turning & Pop‑Up Effects

Learn how to create stunning CSS3 3D effects—from basic flip‑card animations to full‑page book‑turning and pop‑up book designs—by mastering perspective, transform‑style, and proper 3D hierarchy, while understanding browser support limits and performance considerations.

3D TransformsFrontendperspective
0 likes · 8 min read
Master CSS3 3D Transforms: Flip Cards, Book‑Turning & Pop‑Up Effects
21CTO
21CTO
May 12, 2016 · Frontend Development

Migrating Baidu Tieba Frontend to React: From fis3 to Modern Build Tools

This article details the challenges of evolving a large legacy frontend codebase, the transition from jQuery and fis3 to React with TypeScript, the integration of webpack-like features, server‑side rendering techniques, and the use of yog2, Fit, and related tooling to streamline modern web development.

FrontendSSRTypeScript
0 likes · 21 min read
Migrating Baidu Tieba Frontend to React: From fis3 to Modern Build Tools
21CTO
21CTO
May 7, 2016 · Frontend Development

Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook

This article reviews recent advances in front‑end development, compares popular frameworks such as AngularJS, EmberJS, ReactJS and VueJS, examines their evolution, discusses user and developer needs, and offers guidance on which technologies to invest in for the coming years.

AngularFrontendJavaScript
0 likes · 12 min read
Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook
21CTO
21CTO
Apr 28, 2016 · Frontend Development

Mastering Browser Storage: Cookies, Web Storage, IndexedDB & WebSQL

An in‑depth guide to the evolution of browser storage—covering cookies, Web Storage (localStorage/sessionStorage), IndexedDB, WebSQL, and related APIs—explains their concepts, usage, compatibility, and provides practical code examples for reading, writing, and managing data across modern browsers.

FrontendIndexedDBWebSQL
0 likes · 15 min read
Mastering Browser Storage: Cookies, Web Storage, IndexedDB & WebSQL
Qunar Tech Salon
Qunar Tech Salon
Apr 20, 2016 · Frontend Development

A Day in the Life of a Developer: Debugging IE7 JavaScript Issues

This article chronicles a developer’s detailed workday, documenting the discovery, analysis, and resolution of numerous JavaScript bugs in IE7, the communication with teammates, and the systematic debugging process that ultimately led to fixing a critical comma‑induced error in the code.

DebuggingFrontendIE7
0 likes · 11 min read
A Day in the Life of a Developer: Debugging IE7 JavaScript Issues
Architecture Digest
Architecture Digest
Apr 16, 2016 · Frontend Development

Front‑End Development Guidelines: HTML5 Doctype, Semantic Markup, Accessibility, and JavaScript Best Practices

This article provides comprehensive front‑end development guidelines covering the proper HTML5 DOCTYPE, semantic markup, alt text, table usage, microformats, jQuery UI, consistent JavaScript style, performance optimizations, unique ID generation, feature detection, and readable code conventions.

Best PracticesFrontendHTML
0 likes · 19 min read
Front‑End Development Guidelines: HTML5 Doctype, Semantic Markup, Accessibility, and JavaScript Best Practices
21CTO
21CTO
Apr 14, 2016 · Frontend Development

How Taobao Optimizes Its Homepage Performance: Key Frontend Strategies

This article examines the performance challenges of Taobao's personalized homepage and presents a series of frontend optimization techniques—including module prioritization, lazy loading, image compression, caching, and smooth rendering—to achieve faster first‑screen loads and smoother scrolling experiences.

CachingFrontendOptimization
0 likes · 12 min read
How Taobao Optimizes Its Homepage Performance: Key Frontend Strategies
dbaplus Community
dbaplus Community
Apr 14, 2016 · Frontend Development

How Taobao Optimized Its Homepage Performance: Key Front‑End Strategies

The article examines the performance challenges of Taobao's personalized homepage—multiple data sources, numerous modules, and heavy image loads—and outlines concrete front‑end techniques such as critical‑module prioritization, lazy loading, lazy execution, image compression, caching, and easing animations to achieve faster first paint and smoother scrolling.

CachingFrontendPerformance Optimization
0 likes · 12 min read
How Taobao Optimized Its Homepage Performance: Key Front‑End Strategies
21CTO
21CTO
Apr 8, 2016 · Frontend Development

How to Auto-Update Static Assets with MD5 Fingerprinting in Frontend Projects

This article explains the challenges of caching static resources in frontend development, especially in environments like WeChat, and presents a solution using MD5 fingerprinting, Gulp preprocessing, manifest generation, and RequireJS mapping to automatically update only changed files while preserving cache efficiency.

CachingFrontendMD5
0 likes · 6 min read
How to Auto-Update Static Assets with MD5 Fingerprinting in Frontend Projects
ITPUB
ITPUB
Apr 8, 2016 · Frontend Development

Turn Your Browser into a Live HTML Editor with a Simple Data URI Trick

This article explains how entering a specially crafted data:text/html URI in the browser address bar creates a temporary, editable HTML page, and shows multiple community extensions that add syntax highlighting, theming, and custom behaviors using Ace editor and other tricks.

Ace editorFrontendbrowser
0 likes · 6 min read
Turn Your Browser into a Live HTML Editor with a Simple Data URI Trick
21CTO
21CTO
Apr 2, 2016 · Frontend Development

How JD.com Scales Its E‑Commerce Homepage with Front‑End Engineering

This article details JD.com's front‑end engineering practices for its 2015 PC homepage, covering challenges, static page generation, overall architecture, modular widget system, build tools, performance optimizations, disaster‑recovery strategies, and a Q&A session that reveals practical implementation insights.

EngineeringFrontendPerformance
0 likes · 22 min read
How JD.com Scales Its E‑Commerce Homepage with Front‑End Engineering
21CTO
21CTO
Mar 28, 2016 · Frontend Development

How Dangdang Boosted Page Speed: Componentization, Lazy Loading, and Nginx Caching

This article details Dangdang Marketplace's comprehensive performance optimization—including component-based design, proactive data generation, asynchronous loading, lazy rendering, multi‑domain and CDN strategies, GZIP compression, and Nginx fastcgi/proxy caching—showing how these measures reduced first‑screen time to under three seconds and dramatically lowered CPU and load during high‑traffic events.

CachingFrontendPHP
0 likes · 17 min read
How Dangdang Boosted Page Speed: Componentization, Lazy Loading, and Nginx Caching
21CTO
21CTO
Mar 25, 2016 · Frontend Development

How to Master Front-End Growth: Building Skills and a Personal Knowledge System

This article explores practical ways for front‑end engineers to accelerate their career by balancing ability and knowledge, establishing a personal knowledge system, and adopting systematic training to become more competent and adaptable in a rapidly evolving field.

Frontendcareer developmentknowledge management
0 likes · 13 min read
How to Master Front-End Growth: Building Skills and a Personal Knowledge System
Java High-Performance Architecture
Java High-Performance Architecture
Mar 21, 2016 · Frontend Development

Why WebAssembly Is Revolutionizing Front‑End Development

WebAssembly, now standardized by the four major browsers, lets developers write web apps in multiple languages with near‑native performance, overcoming JavaScript’s speed limits, and offers a compact binary format, sandboxed security, and a readable text format for debugging and learning.

BinaryFrontendJavaScript
0 likes · 4 min read
Why WebAssembly Is Revolutionizing Front‑End Development
ITPUB
ITPUB
Mar 12, 2016 · Frontend Development

Should You Ditch Front‑End Frameworks? A Pragmatic Look at Principles Over Packages

The author, a veteran web developer, argues that while front‑end frameworks like Angular, Backbone, and Knockout offer shortcuts, they violate core software principles, increase maintenance burden, and often hinder true architectural understanding, urging developers to favor solid design patterns instead of heavyweight frameworks.

Best PracticesDesign PatternsFrontend
0 likes · 9 min read
Should You Ditch Front‑End Frameworks? A Pragmatic Look at Principles Over Packages
Architecture Digest
Architecture Digest
Mar 8, 2016 · Frontend Development

Understanding Browser Caching: Strong and Negotiated Cache Mechanisms

This article explains the fundamentals of browser caching, covering strong and negotiated cache principles, HTTP header configurations such as Expires and Cache‑Control, practical code examples for managing cache in Java, and common development techniques to control or bypass caching for optimal web performance.

FrontendStrong CacheWeb Performance
0 likes · 16 min read
Understanding Browser Caching: Strong and Negotiated Cache Mechanisms
21CTO
21CTO
Mar 4, 2016 · Frontend Development

How to Boost Web Page Performance: Master Reflow, Repaint, and Rendering

This article explains why web pages become sluggish, breaks down the browser's rendering pipeline, details how reflow and repaint affect performance, and provides nine practical techniques—including batching DOM operations, using requestAnimationFrame and requestIdleCallback—to dramatically improve page speed and achieve smooth 60 FPS animations.

Frontendbrowserreflow
0 likes · 14 min read
How to Boost Web Page Performance: Master Reflow, Repaint, and Rendering
CSS Magic
CSS Magic
Mar 2, 2016 · Frontend Development

Advanced Front‑End Journey: Mastering Click Event Binding

The article walks through a front‑end developer’s step‑by‑step evolution from simple onclick handlers to robust event delegation, data‑action attributes, and a reusable Action library, illustrating pitfalls, best practices, and real‑world integration with jQuery and CMUI.

FrontendJavaScriptclick event
0 likes · 14 min read
Advanced Front‑End Journey: Mastering Click Event Binding
Architect
Architect
Feb 29, 2016 · Frontend Development

In-Depth Guide to Web Page Performance: Rendering, Reflow, Repaint, and Optimization Techniques

This article explains why web pages can suffer from poor performance due to costly reflow and repaint operations, outlines the page rendering process, and provides nine practical techniques—including batching DOM reads/writes, using off‑screen DOM, and leveraging requestAnimationFrame or requestIdleCallback—to reduce rendering overhead and achieve smoother 60 FPS animations.

FrontendWeb Performancereflow
0 likes · 11 min read
In-Depth Guide to Web Page Performance: Rendering, Reflow, Repaint, and Optimization Techniques
ITPUB
ITPUB
Feb 22, 2016 · Frontend Development

How to Prevent Web Analytics Data Loss on Page Unload: From Blocking Ajax to Beacon API

This article examines why analytics requests often disappear when users leave a page, reviews traditional blocking tricks such as synchronous Ajax, busy‑wait loops, and image hacks, and then presents optimized approaches like URL or window.name transfer before recommending the modern Beacon API for reliable, non‑blocking data transmission.

AnalyticsFrontendJavaScript
0 likes · 8 min read
How to Prevent Web Analytics Data Loss on Page Unload: From Blocking Ajax to Beacon API
21CTO
21CTO
Feb 14, 2016 · Frontend Development

Why Web Pages Are Growing Too Big—and How to Stop It

An analysis of four years of HTTP Archive data reveals that average web pages have more than doubled in size, with images now accounting for 64% of weight, and offers practical steps like performance budgets, image and font optimization, and third‑party script management to curb bloat.

Font OptimizationFrontendImage Optimization
0 likes · 9 min read
Why Web Pages Are Growing Too Big—and How to Stop It
CSS Magic
CSS Magic
Feb 7, 2016 · Frontend Development

Why Frontend Package Management Is Still an Open Question: npm Insights

The article analyzes npm’s role in frontend package management, presenting active‑install statistics, identifying four key pain points for developers, evaluating Bower’s approach, and outlining npm’s future modular CLI plans, while concluding that a definitive solution has yet to emerge.

Frontendbowerbrowserify
0 likes · 18 min read
Why Frontend Package Management Is Still an Open Question: npm Insights
21CTO
21CTO
Feb 2, 2016 · Frontend Development

10 Proven Ways to Reduce Reflows and Boost Web Performance

This article explains repaint and reflow concepts, lists common scenarios that trigger them, and provides practical frontend optimization techniques—including CSS simplification, DOM hierarchy reduction, batch updates, and developer‑tool analysis—to minimize layout thrashing and improve page speed.

DOM optimizationFrontendJavaScript
0 likes · 9 min read
10 Proven Ways to Reduce Reflows and Boost Web Performance
21CTO
21CTO
Jan 22, 2016 · Frontend Development

From Zero to Front‑End Engineer: My Self‑Taught Journey and Lessons Learned

This personal narrative recounts how a complete beginner in 2014 taught himself HTML, CSS, JavaScript and Node, landed his first front‑end job, overcame chaotic requirements, leveraged search engines, and continuously expanded his web development skills through hands‑on projects and self‑directed learning.

FrontendWeb Developmentcareer
0 likes · 12 min read
From Zero to Front‑End Engineer: My Self‑Taught Journey and Lessons Learned
Aotu Lab
Aotu Lab
Jan 20, 2016 · Frontend Development

Build a Five‑in‑a‑Row (Gomoku) Game with Pure JavaScript: Step‑by‑Step Guide

This tutorial walks you through creating a complete five‑in‑a‑row (Gomoku) web game using vanilla JavaScript, covering development approaches, board rendering, event delegation, win‑checking algorithms, piece placement logic, game reset, testing strategies, and essential JavaScript event handling techniques.

FrontendGame DevelopmentGomoku
0 likes · 12 min read
Build a Five‑in‑a‑Row (Gomoku) Game with Pure JavaScript: Step‑by‑Step Guide
Aotu Lab
Aotu Lab
Jan 13, 2016 · Frontend Development

Mastering JavaScript Promises: From Basics to Advanced Patterns

This article introduces JavaScript Promises, covers their history, demonstrates how to promisify callbacks, use Promise.all for parallel tasks, chain with then, handle execution order, and implement custom cancellation, providing clear code examples and best‑practice guidance.

AsyncFrontendJavaScript
0 likes · 9 min read
Mastering JavaScript Promises: From Basics to Advanced Patterns
58UXD
58UXD
Jan 10, 2016 · Frontend Development

Why Beautiful UI Captivates Users: Visual Design Strategies for Superior UX

This article explains why attractive interfaces capture users' attention, explores the concept of beauty from mathematics and philosophy, and outlines practical visual design techniques—clear information hierarchy, removal of distractions, guided visual flow, organized icons, and emotional cues—to enhance overall user experience.

FrontendUIinformation architecture
0 likes · 6 min read
Why Beautiful UI Captivates Users: Visual Design Strategies for Superior UX
Aotu Lab
Aotu Lab
Jan 6, 2016 · Frontend Development

Build a 360° Panorama Viewer in the Browser with Three.js

This guide explains how to create an interactive 360° panoramic viewer on web pages using Three.js, covering the fundamentals of panoramic images, camera setup, positioning, and rendering techniques to achieve seamless spherical navigation.

3DFrontendJavaScript
0 likes · 5 min read
Build a 360° Panorama Viewer in the Browser with Three.js
Aotu Lab
Aotu Lab
Jan 6, 2016 · Frontend Development

Master CSS Transitions, Keyframes, and Steps for Dynamic Web Animations

This guide explains how to use CSS transitions for simple interpolated effects, keyframes for complex multi‑frame animations, and the steps() timing function for frame‑by‑frame control, covering practical use cases, code examples, and common pitfalls.

Frontendanimationstransitions
0 likes · 4 min read
Master CSS Transitions, Keyframes, and Steps for Dynamic Web Animations
Java High-Performance Architecture
Java High-Performance Architecture
Jan 1, 2016 · Frontend Development

How Tencent Front‑End Team Boosted HandQ Page Speed 20% with Inline Optimizations

By lazily loading avatars, moving critical JavaScript and CSS inline into the head, and deferring secondary screen logic, Tencent’s front‑end team reduced the HandQ group member distribution page’s first‑screen render time, achieving roughly a 20% performance improvement while keeping total inline size under 14 KB.

FrontendOptimizationPerformance
0 likes · 3 min read
How Tencent Front‑End Team Boosted HandQ Page Speed 20% with Inline Optimizations
21CTO
21CTO
Dec 20, 2015 · Frontend Development

Why Cache Mechanisms Mirror Fractal Geometry: A Deep Dive into Front‑End Performance

This article explores how various caching techniques—from DNS and CDN to browser storage and pre‑loading—embody the space‑for‑time trade‑off and exhibit self‑similar fractal patterns, offering developers a unified perspective to optimize both front‑end and system‑level performance.

CachingFrontendPerformance
0 likes · 14 min read
Why Cache Mechanisms Mirror Fractal Geometry: A Deep Dive into Front‑End Performance
Qunar Tech Salon
Qunar Tech Salon
Dec 20, 2015 · Frontend Development

A Decade‑Long Journey of Frontend Framework Selection and Component‑Based Development

The article recounts a Chinese company's evolution from an IE‑only HTC‑based UI stack in 2007 through a Flex‑driven heavyweight solution and finally to Angular, highlighting the technical, organizational, and strategic challenges of adopting component‑based front‑end architectures across multiple browser generations.

AngularComponentizationFlex
0 likes · 19 min read
A Decade‑Long Journey of Frontend Framework Selection and Component‑Based Development
21CTO
21CTO
Dec 17, 2015 · Information Security

Can Frontend Slow Encryption Really Strengthen Password Security?

This article explores the concept of front‑end slow encryption, explaining how deliberately increasing hashing time can hinder password cracking, discussing implementation techniques, performance trade‑offs, salt handling, adaptive strength strategies, and the broader security implications for web applications.

Frontendclient‑side encryptioncryptography
0 likes · 21 min read
Can Frontend Slow Encryption Really Strengthen Password Security?
Node Underground
Node Underground
Dec 17, 2015 · Frontend Development

How Bigpipe Transforms Frontend Rendering: From Sync to Async Loading

This article explores the evolution of page loading strategies in the new Seller Center, detailing view layer control, various sync and async loading methods, the challenges of first‑screen rendering, and how Bigpipe’s chunked delivery can dramatically improve perceived performance.

Async RenderingBigpipeFrontend
0 likes · 17 min read
How Bigpipe Transforms Frontend Rendering: From Sync to Async Loading
ITPUB
ITPUB
Dec 16, 2015 · Frontend Development

Unlock 37% Faster Lo‑Dash Performance with Lazy Evaluation and Pipelining

Discover how Lo‑Dash’s lazy evaluation and pipelining can cut execution time by over a third, by processing only the necessary elements, avoiding intermediate arrays, and deferring computation until .value() is called, with concrete code examples and performance benchmarks.

FrontendJavaScriptLazy Evaluation
0 likes · 6 min read
Unlock 37% Faster Lo‑Dash Performance with Lazy Evaluation and Pipelining
Java High-Performance Architecture
Java High-Performance Architecture
Dec 8, 2015 · Frontend Development

How Repaints and Reflows Impact Web Performance—and How to Minimize Them

This article explains what browser repaints and reflows are, which operations trigger them, and provides practical techniques—such as batching style changes, using absolute positioning, leveraging document fragments, temporarily hiding elements, and caching values—to dramatically reduce their performance cost.

DOMFrontendOptimization
0 likes · 5 min read
How Repaints and Reflows Impact Web Performance—and How to Minimize Them
Qunar Tech Salon
Qunar Tech Salon
Dec 2, 2015 · Fundamentals

Essential Skills Every Web Developer Should Master

This article compiles a comprehensive list of must‑have web development skills—including UI/UX best practices, security measures, performance optimization, SEO techniques, core technical knowledge, and bug‑fixing strategies—to help developers build robust, user‑friendly websites.

Best PracticesFrontendPerformance
0 likes · 13 min read
Essential Skills Every Web Developer Should Master
21CTO
21CTO
Dec 1, 2015 · Frontend Development

How Alibaba’s Front‑End Evolved: From Demo Pages to Full‑Stack Publishing

This article reflects on Alibaba’s front‑end journey, covering early publishing challenges, the shift to front‑end/back‑end separation, API‑gateway‑driven static development, CDN‑backed server extensions, client‑side innovations like Weex, performance engineering, and the evolution of tooling and libraries.

FrontendPerformancepublishing
0 likes · 10 min read
How Alibaba’s Front‑End Evolved: From Demo Pages to Full‑Stack Publishing
21CTO
21CTO
Nov 29, 2015 · Information Security

How Frontend Slow Encryption Boosts Password Security and Defends Against Data Breaches

This article explains the concept of front‑end slow encryption, why making password hashing deliberately slower improves resistance to brute‑force attacks, how to implement it with salts and variable work factors, and the trade‑offs in performance, usability, and server resource consumption.

Frontendclient‑side encryptionpassword security
0 likes · 20 min read
How Frontend Slow Encryption Boosts Password Security and Defends Against Data Breaches
21CTO
21CTO
Nov 27, 2015 · Fundamentals

What Tech Stack Powers the Most Successful Startups? Insights from AngelList Data

A recent study analyzes startup technology choices, revealing the most popular programming languages, frontend frameworks, databases, mobile platforms, infrastructure services, DevOps tools, search technologies, API integrations, and advanced big‑data solutions across different performance tiers.

Big DataFrontendprogramming languages
0 likes · 5 min read
What Tech Stack Powers the Most Successful Startups? Insights from AngelList Data
Java High-Performance Architecture
Java High-Performance Architecture
Nov 26, 2015 · Frontend Development

Understanding Browser Navigation Timing API: All Key Metrics Explained

This article explains the Navigation Timing API's full set of timestamps—from navigationStart to loadEventEnd—detailing each metric's meaning and when it records a value, helping developers diagnose page‑load performance and how they differ for same‑origin versus cross‑origin requests, redirects, and cached resources.

FrontendPerformanceWeb API
0 likes · 4 min read
Understanding Browser Navigation Timing API: All Key Metrics Explained
21CTO
21CTO
Nov 21, 2015 · Frontend Development

Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall

This article details a cross-terminal technical solution for implementing the Double 11 secret-code red-envelope activity on Taobao and Tmall, covering requirements, responsive design for Phone, Pad and PC, native poplayer integration, KISSY module usage, and final visual results across devices.

FrontendMobileResponsive
0 likes · 6 min read
Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall
21CTO
21CTO
Nov 18, 2015 · Artificial Intelligence

Inside Baidu Mobile’s Personalization: Recommendation Engine & Cloud Architecture

This article examines how Baidu Mobile leverages personalized recommendation algorithms, rich user profiling, and a flexible cloud‑native architecture to deliver tailored search results and services, while also detailing the front‑end engineering practices that support its super‑app ecosystem.

Frontendbackendcloud architecture
0 likes · 15 min read
Inside Baidu Mobile’s Personalization: Recommendation Engine & Cloud Architecture
21CTO
21CTO
Nov 15, 2015 · Frontend Development

Why JavaScript Function Declarations Behave Differently Than Expressions

This article explains the crucial differences between JavaScript function declarations and function expressions, how hoisting affects their availability, and why misunderstanding these concepts can lead to unexpected bugs in your code.

FrontendJavaScriptfunction-declaration
0 likes · 7 min read
Why JavaScript Function Declarations Behave Differently Than Expressions
21CTO
21CTO
Nov 15, 2015 · Frontend Development

Top 10 JavaScript Libraries for Building Interactive Maps

Explore a curated list of ten JavaScript libraries that enable developers to create interactive, customizable maps—including Google Maps integrations, data visualizations, and CSS‑only solutions—providing the tools needed to enhance web mapping experiences.

Frontendlibrariesmaps
0 likes · 4 min read
Top 10 JavaScript Libraries for Building Interactive Maps
21CTO
21CTO
Nov 6, 2015 · Frontend Development

How to Build Robust Fallbacks for High‑Traffic Front‑End Pages

This article explains why large‑scale front‑end pages like Taobao’s homepage need reliable fallback mechanisms, outlines common failure scenarios, and presents practical strategies such as request retries, local caching, and backup APIs to keep the UI functional under high traffic and network issues.

API resilienceCachingFallback
0 likes · 9 min read
How to Build Robust Fallbacks for High‑Traffic Front‑End Pages
Java High-Performance Architecture
Java High-Performance Architecture
Oct 20, 2015 · Frontend Development

Mastering JavaScript’s ‘this’: Common Pitfalls and Clear Examples

Understanding JavaScript’s ‘this’ keyword can be confusing, so this guide breaks down its core concept as the current object’s owner and walks through three illustrative examples that reveal how ‘this’ resolves to the global object, a specific object, or remains undefined in various contexts.

FrontendJavaScriptfunction context
0 likes · 3 min read
Mastering JavaScript’s ‘this’: Common Pitfalls and Clear Examples
21CTO
21CTO
Oct 6, 2015 · Frontend Development

Inside JD.com’s Front‑End: Seajs, Lazy Loading, and Smart Caching

While browsing JD.com with Chrome’s console, the author uncovers the site’s front‑end architecture, revealing the use of Seajs, a custom jQuery build, lazy‑loading modules, localStorage caching, and a modular project structure that together deliver fast page loads and efficient updates.

CachingFrontendJavaScript
0 likes · 8 min read
Inside JD.com’s Front‑End: Seajs, Lazy Loading, and Smart Caching
21CTO
21CTO
Oct 3, 2015 · Fundamentals

Why Cache Mechanisms Follow Fractal Geometry: A Deep Dive into Space‑Time Trade‑offs

This article explores how various caching techniques—from DNS and CDN to browser and hardware caches—exhibit self‑similar fractal patterns, illustrating the universal space‑for‑time trade‑off that improves system efficiency across front‑end, back‑end, and real‑world scenarios.

Cache OptimizationCachingFrontend
0 likes · 15 min read
Why Cache Mechanisms Follow Fractal Geometry: A Deep Dive into Space‑Time Trade‑offs
Suning Design
Suning Design
Sep 30, 2015 · Frontend Development

7 Common Frontend Pitfalls When Translating Designs to Code (And How to Fix Them)

This article outlines the typical mistakes designers and front‑end developers make during visual page implementation—such as mimicking native app experiences, ignoring overflow, overlooking font choices, and neglecting maintainability—and offers practical advice to prevent costly rework.

FrontendUI Developmentcommon pitfalls
0 likes · 7 min read
7 Common Frontend Pitfalls When Translating Designs to Code (And How to Fix Them)
Java High-Performance Architecture
Java High-Performance Architecture
Sep 28, 2015 · Frontend Development

How CSS Preprocessors and Postprocessors Boost Front-End Development Efficiency

This article explains what CSS preprocessors and postprocessors are, how they add programming features and compatibility handling to CSS, provides LESS and Autoprefixer examples, and outlines their implementation principles, advantages, and drawbacks, helping developers improve large-scale front-end workflows.

AutoprefixerFrontendPostProcessor
0 likes · 4 min read
How CSS Preprocessors and Postprocessors Boost Front-End Development Efficiency
21CTO
21CTO
Sep 20, 2015 · Frontend Development

10 Common Web Development Mistakes and How to Fix Them

This article outlines ten frequent web developer pitfalls—from outdated HTML and browser‑specific code to slow performance and excessive page reloads—explaining their impacts and offering practical solutions such as modern semantic markup, cross‑browser testing, image optimization, responsive design, and automated tooling.

Best PracticesFrontendHTML
0 likes · 15 min read
10 Common Web Development Mistakes and How to Fix Them
21CTO
21CTO
Sep 18, 2015 · Mobile Development

How eLong’s Mobile Front‑End Framework Solves Performance, Animation & Modularity Challenges

This article examines the rapid growth of mobile traffic at eLong, outlines key front‑end challenges such as code bloat, animation efficiency, and technical debt, and details the framework's server‑side rendering, modular architecture, and modern web‑tech optimizations that improve performance and user experience.

FrontendMobileOptimization
0 likes · 11 min read
How eLong’s Mobile Front‑End Framework Solves Performance, Animation & Modularity Challenges
Architect
Architect
Sep 17, 2015 · Frontend Development

Fallback and Disaster Recovery Strategies for High‑Traffic Web Pages

The article explains why high‑traffic web pages need robust fallback and disaster‑recovery mechanisms, outlines common failure scenarios, and presents practical solutions such as request retries, local caching, backup interfaces, and hard‑coded data with illustrative JavaScript code.

FallbackFrontendajax
0 likes · 10 min read
Fallback and Disaster Recovery Strategies for High‑Traffic Web Pages
21CTO
21CTO
Sep 15, 2015 · Fundamentals

Can a Unified Event‑Driven Architecture Revolutionize Web Frameworks?

This article explores how ideal web frameworks could evolve by separating data description from logic, using event‑driven architectures, graph databases, and cross‑language integration to achieve minimal, maintainable, and extensible code, while contrasting current practices like React, Angular, and Meteor.

Event-Driven ArchitectureFrontendGraph Database
0 likes · 26 min read
Can a Unified Event‑Driven Architecture Revolutionize Web Frameworks?
21CTO
21CTO
Aug 24, 2015 · Frontend Development

Boost Web Performance: 8 Proven Front‑End Optimization Techniques

This guide presents eight practical front‑end optimization methods—including browser choice, static page serving, request reduction, CDN usage, client‑side caching, and server configuration—that can significantly improve user experience and page load speed.

CDNCachingFrontend
0 likes · 6 min read
Boost Web Performance: 8 Proven Front‑End Optimization Techniques
21CTO
21CTO
Aug 21, 2015 · Frontend Development

How Much of Facebook Traffic Still Bypasses Browser Cache? New Findings

A recent study by Facebook's web team reveals that roughly 45% of page requests still hit an empty cache, with similar rates on desktop and mobile, highlighting the ongoing importance of effective browser caching strategies.

Browser CacheFrontendPerformance
0 likes · 10 min read
How Much of Facebook Traffic Still Bypasses Browser Cache? New Findings
JD.com Experience Design Center
JD.com Experience Design Center
Aug 11, 2015 · Frontend Development

Why Motion Design Matters: Boosting UX with Smart Animations

The article explores the importance of motion design in product interfaces, detailing how thoughtful animations can enhance comfort, reduce friction, add delight, maintain attention, and subtly improve feedback, while providing practical examples and guidelines for effective UI animation.

FrontendInteraction DesignUI animation
0 likes · 8 min read
Why Motion Design Matters: Boosting UX with Smart Animations
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Jul 29, 2015 · Frontend Development

An Overview of Backbone.js: Architecture, Core Components, and Practical Use Cases

This article provides a comprehensive introduction to Backbone.js, describing its lightweight MVC architecture, core components such as Models, Collections, Views, Events, Sync, Router, and History, and discusses its advantages, suitable scenarios, comparisons with other frameworks, and a real‑world implementation in the Wandoujia PC client.

Backbone.jsFrontendJavaScript
0 likes · 15 min read
An Overview of Backbone.js: Architecture, Core Components, and Practical Use Cases
Architect
Architect
Jul 4, 2015 · Frontend Development

Practical Guide to Optimizing Website Page Load Speed

This article presents a comprehensive set of techniques—including image optimization, GZip compression, server response improvements, browser caching, CDN usage, code minification, and asynchronous loading—to significantly accelerate website page loading, enhance SEO rankings, and improve user experience.

Frontendbrowser cachinggzip compression
0 likes · 13 min read
Practical Guide to Optimizing Website Page Load Speed
Ctrip Technology
Ctrip Technology
Jun 30, 2015 · Frontend Development

The Evolution of Responsive Design: Principles, Practices, and Implementation

This article explores the challenges of traditional responsive design across diverse mobile platforms, defines responsive design, outlines its advantages and pitfalls, and presents a comprehensive workflow—including product planning, UI/UX design, testing, development, and on‑demand resource loading—to achieve efficient, cross‑device web experiences.

FrontendMedia QueriesWeb Development
0 likes · 9 min read
The Evolution of Responsive Design: Principles, Practices, and Implementation
Java High-Performance Architecture
Java High-Performance Architecture
Jun 5, 2015 · Frontend Development

Why Static Pages Boost Speed, SEO, and Security – A Practical Guide

Static page generation dramatically improves load times, reduces server load, enhances SEO, and strengthens security by eliminating dynamic processing and database queries, while allowing flexible strategies such as full-page or partial static rendering for high‑traffic pages like homepages and detail pages with dynamic comments.

FrontendPerformanceSEO
0 likes · 2 min read
Why Static Pages Boost Speed, SEO, and Security – A Practical Guide
JD.com Experience Design Center
JD.com Experience Design Center
Jun 3, 2015 · Frontend Development

Creative 404 Error Page Designs: Turning a Boring Error into an Engaging Experience

This article explores the evolution of the 404 error page from a simple "file not found" notice to a variety of creative designs—including textual art, stylized graphics, storytelling illustrations, humorous cartoons, interactive games, and dynamic redirects—aimed at improving user experience and engagement.

404 pageError HandlingFrontend
0 likes · 4 min read
Creative 404 Error Page Designs: Turning a Boring Error into an Engaging Experience
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Apr 20, 2015 · Frontend Development

A Comprehensive Guide to Modern JavaScript Development: ES2015, Modules, Build Tools, Testing, Automation, and Node

This article provides an extensive overview of modern JavaScript development, covering the transition to ES2015, module systems, build tools like Webpack, testing frameworks, process automation, code quality tools, Git workflows, client‑side templating, and essential Node.js knowledge for frontend engineers.

ES2015FrontendJavaScript
0 likes · 12 min read
A Comprehensive Guide to Modern JavaScript Development: ES2015, Modules, Build Tools, Testing, Automation, and Node