BestHub
Sign in
Tagged articles

frontend

3169 articles · Page 31 of 32
Architecture Digest
Architecture Digest
Sep 27, 2016 · Frontend Development

Understanding CSS Design Patterns: Principles, Practices, and Common Methodologies

This article explains what design patterns are, why they matter for CSS, and provides practical guidance on structuring, naming, and organizing styles—including recommendations on nesting, selector usage, file ordering, and an overview of popular patterns such as OOCSS, SMACSS, Meta CSS, and BEM—to help front‑end developers write maintainable, scalable code.

BEMOOCSSSMACSS
0 likes · 17 min read
Understanding CSS Design Patterns: Principles, Practices, and Common Methodologies
Node Underground
Node Underground
Sep 26, 2016 · Frontend Development

What’s New in TypeScript 2.0? Key Features You Need to Know

Microsoft released TypeScript 2.0 on the 22nd of this month, introducing non‑nullable types, control‑flow based type analysis, simpler module declarations, and read‑only properties, while also integrating ES2015 features, modules, decorators, and tighter Angular collaboration, and can be installed via npm.

JavaScriptTypeScriptfrontend
0 likes · 2 min read
What’s New in TypeScript 2.0? Key Features You Need to Know
CSS Magic
CSS Magic
Sep 25, 2016 · Frontend Development

Front‑End Q&A: Class Naming, Checkbox Labels, Build Tools, Learning Resources

This article answers common front‑end questions, covering clear class‑naming practices, how to associate labels with form controls, why Gulp and Webpack are preferred over FIS, recommended JavaScript and mobile‑web books, CSS framework trade‑offs, and career advice for beginners.

Build ToolsCareerHTML
0 likes · 9 min read
Front‑End Q&A: Class Naming, Checkbox Labels, Build Tools, Learning Resources
Aotu Lab
Aotu Lab
Aug 25, 2016 · Frontend Development

Create Interactive CSS3 3D Panorama Effects for the Web

This article explains how to use CSS3 transform properties such as perspective, transform-style, and backface-visibility, along with geometry calculations, to build interactive 360° panorama scenes that work on modern browsers without Flash.

3D Transformfrontend
0 likes · 12 min read
Create Interactive CSS3 3D Panorama Effects for the Web
Hujiang Technology
Hujiang Technology
Aug 22, 2016 · Frontend Development

Thinking in Front-End Development: A Modern Overview

This article provides a comprehensive overview of modern front‑end development, covering the evolution of development workflows, emerging languages and tools, the impact of React and Flux/Redux architectures, asynchronous handling with promises and saga, and practical best‑practice recommendations for building robust web applications.

frontendwebpack
0 likes · 16 min read
Thinking in Front-End Development: A Modern Overview
360 Quality & Efficiency
360 Quality & Efficiency
Aug 18, 2016 · Frontend Development

Comprehensive Front-End UI Component Testing Checklist

This article provides a detailed checklist of test cases for common web front‑end UI components such as tree controls, various chart types, maps, file upload/download, image handling, URL validation, and IP input fields, helping testers ensure functional correctness, data integrity, and user experience.

UI testingcomponent checklistfrontend
0 likes · 10 min read
Comprehensive Front-End UI Component Testing Checklist
Nightwalker Tech
Nightwalker Tech
Jul 28, 2016 · Frontend Development

Best Practices for Image Compression and Delivery in Mobile and Web Applications

This article compiles practical techniques for reducing image size, selecting optimal formats like WebP, leveraging compression libraries, employing CDN and HTTP caching strategies, and handling server‑side processing to improve bandwidth usage and user experience on both mobile and desktop platforms.

Cachingfrontendimage compression
0 likes · 6 min read
Best Practices for Image Compression and Delivery in Mobile and Web Applications
Java High-Performance Architecture
Java High-Performance Architecture
Jul 17, 2016 · Frontend Development

How eBay Optimized JS/CSS Bundling to Boost Browser Caching and Performance

eBay reduced HTTP requests and improved caching by splitting its monolithic JS/CSS bundles into shared core libraries, domain‑specific common resources, and page‑specific assets, creating a three‑tier packaging strategy that balances load, consistency, and manageability across its multi‑domain site.

CachingPerformance OptimizationWeb Performance
0 likes · 5 min read
How eBay Optimized JS/CSS Bundling to Boost Browser Caching and Performance
Aotu Lab
Aotu Lab
Jul 15, 2016 · Frontend Development

Boost Mobile Icon Clarity with Fast SVG Export and Symbol Techniques

This guide explains why retina screens blur icons, compares SVG with other icon solutions, shows four practical SVG usage methods, and provides step‑by‑step instructions for exporting SVGs, automating symbol generation with gulp, and using a lightweight SVG‑symbol visual tool.

IconSpriteSymbol
0 likes · 12 min read
Boost Mobile Icon Clarity with Fast SVG Export and Symbol Techniques
ITPUB
ITPUB
Jul 8, 2016 · Frontend Development

Spice Up Your Report Pages with a Live Weather Widget in Three Simple Steps

This short tutorial explains how to enhance boring report pages by embedding a free weather forecast widget using an iframe and JavaScript, covering provider selection, code insertion, and integration with FineReport, plus tips for sizing and transparency.

FineReportJavaScriptfrontend
0 likes · 3 min read
Spice Up Your Report Pages with a Live Weather Widget in Three Simple Steps
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Jul 8, 2016 · Frontend Development

How I Guided My Non‑Tech Girlfriend from Zero to Junior Front‑End Developer in 6 Months

This article outlines a step‑by‑step learning roadmap—including HTML/CSS/JavaScript, computer‑science fundamentals, algorithms, tooling, backend basics, and project work—that helped a complete beginner become a capable junior front‑end developer within just over half a year.

Web Developmentfrontendlearning-path
0 likes · 9 min read
How I Guided My Non‑Tech Girlfriend from Zero to Junior Front‑End Developer in 6 Months
Tencent TDS Service
Tencent TDS Service
Jun 30, 2016 · Frontend Development

How to Decouple Hybrid H5 for True Cross‑Platform Compatibility

This article explains the concepts of Hybrid H5, its inherent coupling with native apps, and provides a step‑by‑step guide on decoupling through jsapi layers to restore cross‑platform functionality across multiple apps and platforms, illustrated with code examples and diagrams.

Hybrid H5JSAPIfrontend
0 likes · 14 min read
How to Decouple Hybrid H5 for True Cross‑Platform Compatibility
CSS Magic
CSS Magic
Jun 21, 2016 · Frontend Development

The Definitive Gulp 4 Beginner’s Guide (Translation)

This comprehensive guide introduces Gulp 4, compares it with Grunt, explains its Node.js requirements, walks through installing the development version, details the core API and common plugins, and provides complete example gulpfile scripts for tasks such as building, watching, live‑reloading, and serving static files.

AutomationBuild ToolsJavaScript
0 likes · 28 min read
The Definitive Gulp 4 Beginner’s Guide (Translation)
Architecture Digest
Architecture Digest
Jun 20, 2016 · Frontend Development

Evolution and Architecture of Taobao Home Page: From PHP to Node, Platform Migration, Performance and Stability

The article details the evolution of Taobao's home page over the past year and a half, covering its background, the shift from a PHP‑based rendering system to a Node‑based platform, module construction, dynamic data integration, performance optimizations, stability measures, monitoring, and agile operational practices.

Taobaoarchitecturebackend
0 likes · 17 min read
Evolution and Architecture of Taobao Home Page: From PHP to Node, Platform Migration, Performance and Stability
21CTO
21CTO
Jun 18, 2016 · Fundamentals

How to Become a Full‑Stack Engineer: Lessons from 15 Years of Coding

This article shares a veteran developer’s journey from early web pages to modern full‑stack engineering, offering practical advice on mastering front‑end, back‑end, and mobile technologies, the importance of broad skills, and a realistic roadmap to becoming a versatile software professional.

Full-StackWeb Developmentbackend
0 likes · 7 min read
How to Become a Full‑Stack Engineer: Lessons from 15 Years of Coding
21CTO
21CTO
Jun 17, 2016 · Fundamentals

2016 Programmer Salary Survey: Who Earns the Most and Emerging Tech Trends

The 2016 programmer salary report reveals that front‑end, back‑end and mobile developers dominate the workforce, big‑data engineers command the highest pay, senior engineers see sharp salary jumps, and emerging technologies like Swift, WeChat, and Python shape future career choices.

Big DataMobile Developmentbackend
0 likes · 8 min read
2016 Programmer Salary Survey: Who Earns the Most and Emerging Tech Trends
Aotu Lab
Aotu Lab
Jun 17, 2016 · Frontend Development

Why Upgrade to HTTP/2 Now? Real‑World Performance Gains and Best Practices

This article examines how widespread HTTP/2 adoption changes front‑end architecture, demonstrates concrete speed improvements through multiplexing, priority, and server‑push with real‑world demos and HAR analysis, and explains which legacy optimizations become obsolete.

HTTP/2MultiplexingServer Push
0 likes · 12 min read
Why Upgrade to HTTP/2 Now? Real‑World Performance Gains and Best Practices
Aotu Lab
Aotu Lab
Jun 14, 2016 · Frontend Development

Safari 10.0: Full‑Stack Web API and Front‑End Feature Guide

Safari 10.0 brings comprehensive support for IndexedDB, Shadow DOM, ES6, WebGL, advanced CSS properties, media autoplay, picture‑in‑picture, WebDriver, and native Apple Pay integration, enabling developers to build richer offline‑capable, secure, and high‑performance web applications on macOS and iOS.

IndexedDBSafariShadow DOM
0 likes · 12 min read
Safari 10.0: Full‑Stack Web API and Front‑End Feature Guide
21CTO
21CTO
Jun 14, 2016 · Frontend Development

How Taobao’s Home Page Evolved: From PHP to Node and Scaling to Billions of Views

This article chronicles the evolution of Taobao’s home page—from its early PHP implementation to a modern Node‑based platform—detailing architecture, module building, performance optimizations, stability safeguards, and agile practices that enable it to serve billions of daily page views.

PHPTaobaofrontend
0 likes · 18 min read
How Taobao’s Home Page Evolved: From PHP to Node and Scaling to Billions of Views
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 13, 2016 · Frontend Development

Master CSS: Pseudo‑Elements, Fonts, Images, SVG, Animations & Performance

This guide covers essential front‑end techniques—from using ::before and ::after pseudo‑elements and optimizing fonts, images, and SVGs, to mastering CSS3 animations, responsive breakpoints, reflow/repaint performance, and effective class‑naming conventions—providing practical resources and best‑practice tips for modern web development.

SVGanimationscss
0 likes · 6 min read
Master CSS: Pseudo‑Elements, Fonts, Images, SVG, Animations & Performance
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.

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

Image ScalingVideo Aspect Ratiocss
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.

Careerfrontendinterview
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 SparkHTML5Product Review
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.

DjangoProgramming BasicsWeb Development
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.

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

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

IndexedDBWebSQLbrowser storage
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.

IE7JavaScriptWeb Development
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.

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

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

CachingPerformance OptimizationTaobao
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.

CachingMD5RequireJS
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 editorbrowsercontenteditable
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.

e-commerceengineeringfrontend
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.

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

Knowledge ManagementLearning Strategiescareer development
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.

JavaScriptWebAssemblybinary
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 patternsframeworks
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.

Strong CacheWeb Performancebrowser caching
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.

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

JavaScriptclick eventevent binding
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.

RenderingWeb Performancefrontend
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.

AnalyticsJavaScriptbeacon-api
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 OptimizationImage optimizationPage Size
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.

bowerbrowserifyfrontend
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 optimizationJavaScriptfrontend
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.

CareerWeb Developmentfrontend
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.

Game DevelopmentGomokuJavaScript
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.

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

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

3DJavaScriptWebGL
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.

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

Optimizationfrontendinline-css
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.

CachingWeb Optimizationfractal geometry
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.

client‑side encryptioncryptographyfrontend
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 RenderingBigpipePage Loading
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.

JavaScriptLazy EvaluationLo-Dash
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.

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

SEOWeb Developmentbest practices
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.

client‑side encryptionfrontendpassword 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.

Web APIbrowserfrontend
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.

Cross-PlatformResponsivefrontend
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.

backendcloud architecturefrontend
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.

JavaScriptfrontendfunction-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