BestHub
Sign in
Tagged articles
3136 articles
Page 27 of 32
UC Tech Team
UC Tech Team
Oct 10, 2018 · Frontend Development

Goodbye JavaScript, Hello WebAssembly: Exploring the Future of Frontend Development

The article examines WebAssembly as an emerging web development paradigm that offers a compiled, language‑agnostic alternative to JavaScript, discusses its integration with .NET via Mono and Blazor, compares tooling like NuGet to npm/WebPack, and highlights both the benefits and the continued need for JavaScript in modern web applications.

FrontendJavaScriptWebAssembly
0 likes · 7 min read
Goodbye JavaScript, Hello WebAssembly: Exploring the Future of Frontend Development
360 Tech Engineering
360 Tech Engineering
Oct 8, 2018 · Frontend Development

Why Modern Front‑End Frameworks Exist: Declarative vs Imperative and Rendering

The article explains how evolving runtime interaction requirements have shifted front‑end development from simple jQuery scripts to modern declarative frameworks like Vue, React and Angular, detailing the differences between imperative and declarative approaches, rendering mechanisms, and the role of virtual DOM.

DeclarativeFrontendImperative
0 likes · 10 min read
Why Modern Front‑End Frameworks Exist: Declarative vs Imperative and Rendering
UC Tech Team
UC Tech Team
Oct 3, 2018 · Frontend Development

Create React App 2.0 Released: New Features and Upgrade Guide

Create React App 2.0, launched on October 1, updates core tools like Babel, Webpack, and Jest, adds Sass, CSS Modules, SVG components, optional Service Workers, and provides a clear migration path for both new and existing projects, while supporting modern browsers and optional polyfills.

FrontendJestReAct
0 likes · 6 min read
Create React App 2.0 Released: New Features and Upgrade Guide
Yuewen Frontend Team
Yuewen Frontend Team
Sep 28, 2018 · Frontend Development

Master JavaScript Generators: Control Iteration and Boost Your Code

This article explains ES6 JavaScript generators, covering their syntax, how they differ from regular iterators, the role of the yield keyword, available generator methods, and practical examples such as custom generators, random number streams, throttling, Fibonacci sequences, and integrating generators with HTML to simplify iterative tasks.

AsynchronousFrontendIterator
0 likes · 13 min read
Master JavaScript Generators: Control Iteration and Boost Your Code
UC Tech Team
UC Tech Team
Sep 26, 2018 · Frontend Development

Understanding Date and Time Handling in JavaScript for Internationalization

This article explains JavaScript date and time concepts—including GMT, UTC, ISO 8601, RFC2822, timestamps, parsing, formatting, timezone offsets, localization, and practical internationalization strategies—providing developers with the knowledge to correctly manage time across different regions and platforms.

FrontendJavaScriptdate
0 likes · 12 min read
Understanding Date and Time Handling in JavaScript for Internationalization
UC Tech Team
UC Tech Team
Sep 19, 2018 · Frontend Development

Using the React Profiler Plugin in React DevTools

This article explains how to enable and use the React Profiler plugin in React DevTools to record, visualize, and analyze component rendering performance through commits, flamegraphs, sorting charts, component charts, and interactions, and provides troubleshooting tips for common issues.

DebuggingDevToolsFrontend
0 likes · 8 min read
Using the React Profiler Plugin in React DevTools
AutoHome Frontend
AutoHome Frontend
Sep 18, 2018 · Frontend Development

How Google Photos Delivers Smooth 60fps Scrolling with Advanced Layout Tricks

This article explains the technical challenges Google Photos faced—such as handling millions of images, preserving aspect ratios, enabling instant navigation, and maintaining 60fps scrolling—and details the algorithms, data chunking, justified layout, and performance optimizations that make the web UI fast and fluid.

Frontendalgorithmlayout
0 likes · 27 min read
How Google Photos Delivers Smooth 60fps Scrolling with Advanced Layout Tricks
Yuewen Frontend Team
Yuewen Frontend Team
Sep 14, 2018 · Frontend Development

Master Long-Term Caching and Code Splitting to Supercharge Your Webpack Builds

This article explains how to improve web application performance by leveraging persistent caching with proper cache‑control headers, versioning bundles using hash‑based filenames, extracting dependencies and runtime into separate chunks, inlining runtime scripts, applying lazy loading with dynamic imports, splitting code by routes or pages, and stabilizing module IDs with hashed IDs, all using webpack configurations for both version 3 and 4.

CachingCode SplittingFrontend
0 likes · 20 min read
Master Long-Term Caching and Code Splitting to Supercharge Your Webpack Builds
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 9, 2018 · Frontend Development

Boost Your Site Speed: Proven Frontend Performance Optimization Techniques

This article revisits and updates a previous guide, replacing webpack3 with webpack4 and adding modern automation concepts, then systematically walks through network transmission, page rendering, and JavaScript blocking optimizations—covering caching, resource compression, sprite generation, GPU acceleration, and server‑side techniques like gzip, CDN, load balancing, and Node.js scaling.

CDNCachingFrontend
0 likes · 31 min read
Boost Your Site Speed: Proven Frontend Performance Optimization Techniques
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Sep 8, 2018 · Frontend Development

Comprehensive Web Performance Optimization: Frontend, Backend, and Database Strategies

This article presents a thorough guide to improving web performance by optimizing browser loading, leveraging CDNs and reverse proxies, applying server‑side caching and clustering techniques, and refining database queries and indexing to achieve faster, more reliable user experiences.

Database OptimizationFrontendWeb Performance
0 likes · 9 min read
Comprehensive Web Performance Optimization: Frontend, Backend, and Database Strategies
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 7, 2018 · Frontend Development

Unveiling React’s setState: How It Works Internally and Common Pitfalls

This article explains the fundamentals and deep internals of React’s setState method, covering basic usage, asynchronous behavior, state‑update pitfalls, functional updates, and the underlying mechanisms such as enqueueSetState, enqueueUpdate, batchingStrategy, and transaction processing, illustrated with code snippets and diagrams.

BatchingFrontendReAct
0 likes · 7 min read
Unveiling React’s setState: How It Works Internally and Common Pitfalls
Yuewen Frontend Team
Yuewen Frontend Team
Sep 3, 2018 · Frontend Development

Mastering Push Notifications: Handling Push Events and Displaying Alerts

This article explains how push messages trigger a push event in a service worker, how to access event data, use event.waitUntil to keep the worker alive, and how to configure and display rich notifications with icons, images, actions, vibration, and best‑practice tips across browsers.

FrontendService Workersnotification design
0 likes · 15 min read
Mastering Push Notifications: Handling Push Events and Displaying Alerts
MaGe Linux Operations
MaGe Linux Operations
Sep 3, 2018 · Frontend Development

Master Vim for Front‑End Developers: Essential Commands and Must‑Have Plugins

This comprehensive guide walks front‑end developers through installing Vim, mastering core editing commands, configuring a personalized .vimrc, and integrating essential plugins for file navigation, code completion, syntax highlighting, Git integration, markdown preview, and more, boosting productivity in modern web development.

FrontendVimconfiguration
0 likes · 11 min read
Master Vim for Front‑End Developers: Essential Commands and Must‑Have Plugins
JD Tech
JD Tech
Aug 30, 2018 · Frontend Development

Introducing Taro UI: A Multi‑Platform UI Component Library for Taro

Taro UI is a multi‑end UI component library built by the Aotu Lab, offering easy installation, rich components, and seamless adaptation across WeChat mini‑programs, H5, and ReactNative, with detailed quick‑start instructions and code examples for developers.

DocumentationFrontendTaro
0 likes · 5 min read
Introducing Taro UI: A Multi‑Platform UI Component Library for Taro
Yuewen Frontend Team
Yuewen Frontend Team
Aug 29, 2018 · Frontend Development

How to Subscribe a User to Push Notifications with Service Workers

This guide walks you through detecting push support, registering a service worker, requesting notification permission, creating a PushSubscription with proper options, and sending the subscription data to a backend for later use, all using modern JavaScript APIs.

APIFrontendService Workers
0 likes · 14 min read
How to Subscribe a User to Push Notifications with Service Workers
MaoDou Frontend Team
MaoDou Frontend Team
Aug 28, 2018 · Frontend Development

Understanding Vue.js Internals: From Initialization to Virtual DOM

This article walks through Vue.js's internal workflow, covering global overview, initialization and mounting, compilation stages, reactivity mechanisms, virtual DOM creation, and view updating, providing a comprehensive picture for developers seeking deeper insight into the framework.

FrontendReactivityVirtual DOM
0 likes · 6 min read
Understanding Vue.js Internals: From Initialization to Virtual DOM
21CTO
21CTO
Aug 27, 2018 · Frontend Development

Mastering Browser Architecture: From Multi‑Process to JS Event Loop

This comprehensive guide walks experienced front‑end developers through the browser's multi‑process model, internal threading, rendering pipeline, JavaScript single‑threaded execution, event loop mechanics, Web Workers, and performance‑related concepts like macrotasks, microtasks, and hardware‑accelerated compositing.

FrontendJavaScriptThread
0 likes · 35 min read
Mastering Browser Architecture: From Multi‑Process to JS Event Loop
Senior Brother's Insights
Senior Brother's Insights
Aug 17, 2018 · Frontend Development

Supercharge HTML/CSS Coding in IDEA with Emmet Shortcuts

This guide introduces Emmet, the powerful IDE plugin that transforms short CSS‑style abbreviations into full HTML or CSS code, explains how to enable it in IntelliJ IDEA, and provides concrete syntax examples such as descendant, sibling, parent, multiplication, and ID/attribute shortcuts to dramatically speed up front‑end development.

EmmetFrontendHTML
0 likes · 5 min read
Supercharge HTML/CSS Coding in IDEA with Emmet Shortcuts
Meituan Technology Team
Meituan Technology Team
Aug 9, 2018 · Frontend Development

Improving Front-End Service Availability in Meituan Financial Payments

The article outlines Meituan Finance’s front‑end availability challenges in its million‑order payment service and presents a disciplined, end‑to‑end approach—standardized release processes, simple fallback designs, automated testing, robust monitoring, and regular fault‑drill simulations—to ensure stable user experiences across diverse client environments.

AvailabilityBest PracticesFrontend
0 likes · 17 min read
Improving Front-End Service Availability in Meituan Financial Payments
Yuewen Technology
Yuewen Technology
Aug 8, 2018 · Frontend Development

How Frontend Zip Compression Can Boost Performance and Reduce Server Load

This article explores the history of ZIP, the challenges of exporting large Excel files from PHP front‑ends, and how using zip.js with HTML5 File API and web workers enables a half‑asynchronous, client‑side compression workflow, outlining its benefits, limitations, and practical considerations for frontend developers.

FrontendWeb Workersasynchronous export
0 likes · 12 min read
How Frontend Zip Compression Can Boost Performance and Reduce Server Load
Java Backend Technology
Java Backend Technology
Aug 3, 2018 · Frontend Development

Why Frontend‑Backend Separation Matters: From JSP to Modern Node.js

This article walks through the evolution of front‑end architecture—from tightly coupled JSP/Servlet setups, through semi‑separated Ajax‑driven pages, to fully separated front‑end/back‑end designs with Node.js—highlighting their advantages, drawbacks, and practical lessons for developers.

FrontendJSPNode.js
0 likes · 13 min read
Why Frontend‑Backend Separation Matters: From JSP to Modern Node.js
MaoDou Frontend Team
MaoDou Frontend Team
Jul 31, 2018 · Frontend Development

Is React setState Synchronous or Asynchronous? A Practical Guide

This article explains when React's setState behaves synchronously or asynchronously, how batch updates are merged into a single render, and the proper way to retrieve the updated state using the callback parameter, illustrated with clear diagrams and code examples.

FrontendJavaScriptReAct
0 likes · 3 min read
Is React setState Synchronous or Asynchronous? A Practical Guide
360 Tech Engineering
360 Tech Engineering
Jul 30, 2018 · Frontend Development

Goodbye jQuery, My Old Friend

Reflecting on jQuery’s rise, dominance, and eventual decline, this article traces the library’s history, its impact on front‑end development, compares it with contemporary frameworks, and offers advice on understanding underlying JavaScript fundamentals before relying on any library.

FrontendframeworksjQuery
0 likes · 9 min read
Goodbye jQuery, My Old Friend
CSS Magic
CSS Magic
Jul 27, 2018 · Frontend Development

Fix Common ESLint Warnings in Existing JS Code (Part 3)

This article explains how to resolve the ESLint "no‑empty" and "no‑empty‑function" warnings by refactoring empty blocks, adding explanatory comments, using noop helpers, and validating callbacks, providing concrete code examples and step‑by‑step reasoning.

ESLintFrontendJavaScript
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JS Code (Part 3)
360 Tech Engineering
360 Tech Engineering
Jul 23, 2018 · Frontend Development

Comprehensive Guide to Web Performance Optimization

This article provides a comprehensive overview of web performance optimization for frontend developers, covering metrics and goal setting, code and DOM optimizations, static asset compression, delivery techniques like async loading and resource hints, build strategies such as tree‑shaking and SSR, and monitoring tools.

Build OptimizationFrontendOptimization
0 likes · 16 min read
Comprehensive Guide to Web Performance Optimization
JD Tech
JD Tech
Jul 23, 2018 · Frontend Development

Design and Architecture of JD's "Tongtian Tower" Visual Activity Page Builder Platform

This article explains the background, requirements, architectural design, technology selection, component structure, template definition, data handling, quality assurance measures, and future roadmap of JD's internal visual activity page builder platform, Tongtian Tower, highlighting its React‑based frontend implementation and open‑extension strategy.

FrontendJDReAct
0 likes · 9 min read
Design and Architecture of JD's "Tongtian Tower" Visual Activity Page Builder Platform
58 Tech
58 Tech
Jul 18, 2018 · Frontend Development

Frontend Architecture of 58 MicroChat: Multi‑Platform Design and Implementation

The article describes the layered front‑end architecture of 58 MicroChat, covering its network, SDK, UI, integration, storage, security, polyfill, and quality‑monitoring modules, as well as the message center design, cross‑platform compatibility strategies, and ongoing quality‑monitoring practices.

FrontendMessagingPolyfill
0 likes · 12 min read
Frontend Architecture of 58 MicroChat: Multi‑Platform Design and Implementation
Architects Research Society
Architects Research Society
Jul 17, 2018 · Frontend Development

Performance Issues and Mitigation Strategies for Salesforce Lightning Experience

This article outlines common geographic, device, browser, and Salesforce org configuration problems that cause slow page loads in Lightning Experience and provides practical mitigation steps such as network latency testing, browser benchmarking, disabling unnecessary plugins, and optimizing Visualforce and Lightning page designs.

FrontendLightning ExperienceOptimization
0 likes · 6 min read
Performance Issues and Mitigation Strategies for Salesforce Lightning Experience
Qunar Tech Salon
Qunar Tech Salon
Jul 17, 2018 · Frontend Development

Adapting WeChat Mini Program Component Model to the React Paradigm

This article examines the challenges of using WeChat Mini Programs, proposes a React‑style component architecture by mapping Mini Program concepts such as Component, Page, and App to React's state, lifecycle, and JSX, and provides concrete code examples for definition, lifecycle handling, styling, templating, and configuration.

ComponentFrontendJavaScript
0 likes · 6 min read
Adapting WeChat Mini Program Component Model to the React Paradigm
网易UEDC
网易UEDC
Jul 16, 2018 · Frontend Development

Mastering SVG Animations: From Code to Interactive H5 Effects

This article walks through the fundamentals of SVG, explains its advantages over raster formats, demonstrates how to create shapes and apply SMIL animations with code examples, and shows practical techniques such as masking, referencing, and animating transforms to build rich, lightweight web graphics.

AnimationFrontendMasking
0 likes · 24 min read
Mastering SVG Animations: From Code to Interactive H5 Effects
ITPUB
ITPUB
Jul 9, 2018 · Frontend Development

What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips

A former communications engineering graduate shares a detailed chronicle of ten front‑end interview experiences across startups, small firms, mid‑size companies, and a pre‑IPO e‑commerce firm in Shanghai, highlighting interview questions, personal reflections, and actionable lessons for aspiring developers.

FrontendJavaScriptShanghai
0 likes · 15 min read
What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips
网易UEDC
网易UEDC
Jul 9, 2018 · Frontend Development

Unlocking UI Metaphor Design: Types, Methods, and Real‑World Examples

This article explains the concept of UI metaphor design, categorizes common visual, auditory, and haptic metaphors, and outlines four design approaches—conceptual, feature‑based, structural, and behavioral—providing concrete examples and illustrations to inspire effective interface design.

FrontendInteraction DesignUI design
0 likes · 9 min read
Unlocking UI Metaphor Design: Types, Methods, and Real‑World Examples
QQ Music Frontend Team
QQ Music Frontend Team
Jul 8, 2018 · Frontend Development

Why WebAssembly Could Outperform JavaScript: Load Times, Execution, and More

This article examines WebAssembly’s core features—loading speed, execution performance, memory model, garbage collection, API access, multithreading, and portability—comparing them to JavaScript, and discusses suitable use cases such as high‑CPU tasks, gaming, and image processing, while noting current limitations and future prospects.

FrontendJavaScriptMemory Model
0 likes · 11 min read
Why WebAssembly Could Outperform JavaScript: Load Times, Execution, and More
Meituan Technology Team
Meituan Technology Team
Jul 5, 2018 · Backend Development

Incremental Update Practices and Go‑Based Performance Optimization at Meituan Finance

Meituan Finance reduced user churn by replacing Node‑based diff generation with a Go‑powered incremental‑update service that uses lightweight goroutines, a three‑layer CDN/API/compute architecture, and pre‑warmed patches, achieving 99.97 % success, 64.9 % incremental updates and roughly 164 KB daily bandwidth savings per user.

FrontendGoarchitecture
0 likes · 19 min read
Incremental Update Practices and Go‑Based Performance Optimization at Meituan Finance
360 Tech Engineering
360 Tech Engineering
Jul 5, 2018 · Frontend Development

SpriteJS: Redefining the Canvas API for Cross‑Platform Frontend Development

SpriteJS, an open‑source cross‑terminal Canvas library from 360 Qiwuchuan, simplifies animation creation by wrapping Canvas APIs in a DOM‑like model, offering event handling, Web Animation support, caching strategies, and integration with multiple graphics and physics engines for data visualization and lightweight games.

CanvasFrontendSpriteJS
0 likes · 7 min read
SpriteJS: Redefining the Canvas API for Cross‑Platform Frontend Development
Java Architect Essentials
Java Architect Essentials
Jun 28, 2018 · Frontend Development

Should Small Teams Adopt Front‑End Separation? Lessons from MVC to Node.js

From legacy JSP‑based MVC to semi‑separated Ajax‑driven pages and finally fully separated front‑end architectures using Node.js, this article examines each stage’s structure, advantages, and drawbacks, arguing that small‑to‑mid‑size companies must weigh resource constraints, performance, and maintenance before fully embracing front‑end separation.

FrontendMVCNode.js
0 likes · 12 min read
Should Small Teams Adopt Front‑End Separation? Lessons from MVC to Node.js
Yuewen Frontend Team
Yuewen Frontend Team
Jun 26, 2018 · Frontend Development

Why 16px Should Be the Default Font Size for Front‑End Design

The article explores how front‑end typography standards—covering base font size, font‑scale formulas, and line‑height rules—can be derived from visual ergonomics, mathematical ratios, and practical engineering constraints, ultimately recommending 16 px as the optimal base size and a line‑height of font‑size + 8.

Ant DesignDesign GuidelinesFrontend
0 likes · 17 min read
Why 16px Should Be the Default Font Size for Front‑End Design
21CTO
21CTO
Jun 22, 2018 · Fundamentals

Why Tech Hype Misleads Developers: Lessons from Over‑Promoted Trends

The article warns developers about the dangers of blindly following flashy technologies—such as over‑abstracted patterns, NoSQL hype, endless scalability promises, micro‑services mania, and agile buzzwords—by highlighting real‑world pitfalls and urging thoughtful, purpose‑driven engineering decisions.

FrontendNoSQLmicroservices
0 likes · 6 min read
Why Tech Hype Misleads Developers: Lessons from Over‑Promoted Trends
Java Architect Essentials
Java Architect Essentials
Jun 21, 2018 · Frontend Development

Setting Up a React Development Environment on macOS

This guide walks through installing Node.js, configuring npm with a Chinese mirror, and using create‑react‑app to quickly create and run a React project on macOS, including all necessary command‑line steps and code snippets.

FrontendNode.jsReAct
0 likes · 6 min read
Setting Up a React Development Environment on macOS
Tencent Cloud Developer
Tencent Cloud Developer
Jun 20, 2018 · Fundamentals

Cross‑Disciplinary Development: A Front‑End Engineer’s Perspective on Full‑Stack Skills

Yu Guo argues that strong front‑end engineers naturally evolve into full‑stack developers by leveraging their UI‑centric product sense, continuous learning ability, and core technical skills—expanding from HTML/CSS/JS to Node.js back‑end, React‑Native mobile, algorithmic fundamentals, and scalable databases like MongoDB—while emphasizing modular collaboration and practical project‑driven learning.

BackendFrontendfull-stack
0 likes · 13 min read
Cross‑Disciplinary Development: A Front‑End Engineer’s Perspective on Full‑Stack Skills
Full-Stack Internet Architecture
Full-Stack Internet Architecture
Jun 20, 2018 · Frontend Development

A Comprehensive Introduction to ReactJS: Virtual DOM, Component Architecture, and Hands‑On Examples

This article provides a detailed overview of ReactJS, covering its origins, virtual DOM mechanism, component‑based architecture, common misconceptions, setup steps, JSX syntax, component properties, state management, lifecycle methods, and practical code examples for building interactive web interfaces.

Component ArchitectureFrontendJSX
0 likes · 14 min read
A Comprehensive Introduction to ReactJS: Virtual DOM, Component Architecture, and Hands‑On Examples
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Jun 20, 2018 · Frontend Development

Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide

This article introduces SpriteJS, a cross‑platform canvas library from 360 Qiwang Team, showing how to create structured UI, draw shapes, apply transitions, use the Web Animation API, work with textures, paths, groups, events, D3 integration, physics engines and particle systems, all with practical JavaScript code examples.

AnimationCanvasFrontend
0 likes · 32 min read
Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide
Ctrip Technology
Ctrip Technology
Jun 19, 2018 · Frontend Development

Understanding React Fiber: Architecture, Scheduling, and Reconciliation

This article explains why React Fiber was introduced, describes its core concepts such as the fiber tree, work‑in‑progress tree, double buffering, priority scheduling, and lifecycle changes, and summarizes the new capabilities it brings to improve UI performance and responsiveness.

FiberFrontendReAct
0 likes · 10 min read
Understanding React Fiber: Architecture, Scheduling, and Reconciliation
Tencent Cloud Developer
Tencent Cloud Developer
Jun 19, 2018 · Frontend Development

Future‑Oriented Full‑Stack Development: Trends in Programming Languages, Frameworks, and Learning Strategies

Yu Guo’s talk surveys future‑oriented full‑stack trends—rising languages like Python, mobile‑first Swift, shifting frameworks from jQuery to React/Vue, evolving build tools, and practical learning strategies such as deliberate practice, skill‑model mapping, and algorithmic optimizations—emphasizing continual adaptability for developers.

FrontendJavaScriptfull-stack
0 likes · 11 min read
Future‑Oriented Full‑Stack Development: Trends in Programming Languages, Frameworks, and Learning Strategies
ITPUB
ITPUB
Jun 16, 2018 · Frontend Development

From JSP MVC to Full Front‑Back Separation: When Is It Worth It?

The article walks through the evolution of front‑end development from traditional JSP/Servlet MVC through semi‑separated Ajax‑driven pages to fully separated front‑back architectures, highlighting each stage’s structure, advantages, drawbacks, and the practical considerations that make full separation risky for small‑to‑medium projects.

FrontendMVCNode.js
0 likes · 12 min read
From JSP MVC to Full Front‑Back Separation: When Is It Worth It?
Architecture Digest
Architecture Digest
Jun 14, 2018 · Frontend Development

Key Concerns and Challenges for Front‑End Architecture

The article examines front‑end architecture by highlighting its primary focus on user experience, performance, reliability, tooling choices, and engineering difficulties such as monitoring and caching, arguing that front‑end architects must balance these factors just like their back‑end counterparts.

Frontendarchitecturemonitoring
0 likes · 6 min read
Key Concerns and Challenges for Front‑End Architecture
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 8, 2018 · Frontend Development

Understanding the Front‑End Career Ceiling and Paths for Advancement

The article examines why front‑end developers often hit a career ceiling due to low entry barriers and limited backend knowledge, and outlines practical solutions and five distinct career routes—including senior front‑end, full‑stack, management, product, and entrepreneurship—to help break through that ceiling.

FrontendManagementcareer development
0 likes · 7 min read
Understanding the Front‑End Career Ceiling and Paths for Advancement
Java Backend Technology
Java Backend Technology
Jun 7, 2018 · Information Security

How to Secure API Calls with End-to-End Encryption Using Spring Boot

This article explains why API security is crucial in front‑end/back‑end separated systems and provides practical measures—including HTTPS, request signing, SSL pinning, and full request/response AES encryption—along with a Spring Boot starter and JavaScript Axios interceptor to protect data in transit.

AESAPI SecurityFrontend
0 likes · 8 min read
How to Secure API Calls with End-to-End Encryption Using Spring Boot
Yuewen Frontend Team
Yuewen Frontend Team
May 28, 2018 · Frontend Development

Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI

This article introduces a lightweight easing algorithm that moves an element by half the remaining distance each frame, provides a requestAnimationFrame polyfill, a reusable Math.easeout function, and shows real‑world usage in Qidian's scroll‑to‑top and other UI effects.

AnimationEasingFrontend
0 likes · 12 min read
Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI
ITFLY8 Architecture Home
ITFLY8 Architecture Home
May 26, 2018 · Frontend Development

Why Front‑End/Back‑End Separation Fails and How to Do It Right

The article examines the evolution of web development models, explains why naive front‑end/back‑end separation often leads to problems, and offers practical guidelines—including team roles, RESTful API design, collaboration patterns, and deployment strategies—to implement a successful separation architecture.

BackendFrontendRESTful
0 likes · 8 min read
Why Front‑End/Back‑End Separation Fails and How to Do It Right
JD Retail Technology
JD Retail Technology
May 24, 2018 · Frontend Development

Understanding PWA Caching: Principles, Performance Benefits, and Strategies

This article explains why traditional H5 pages perform poorly compared to native apps, introduces Progressive Web Apps (PWA) as a solution, details how service workers enable offline caching, presents real‑world performance comparisons, and reviews common cache strategies such as cache‑first, network‑first, stale‑while‑revalidate, cache‑only, and network‑only.

Cache StrategiesFrontendPWA
0 likes · 7 min read
Understanding PWA Caching: Principles, Performance Benefits, and Strategies
360 Tech Engineering
360 Tech Engineering
May 21, 2018 · Frontend Development

Weekly Tech Newsletter Summary – Frontend Development Highlights

This weekly newsletter curates nine insightful articles covering Google’s Guess.js toolkit, I/O 2018 web highlights, front‑end AR techniques, Chrome’s autoplay restrictions, a deep dive into Redux, WebAssembly versus JavaScript performance, comprehensive CSS line‑break methods, ten common software architecture patterns, and guidance on front‑end engineer career advancement.

FrontendJavaScriptRedux
0 likes · 4 min read
Weekly Tech Newsletter Summary – Frontend Development Highlights
AutoHome Frontend
AutoHome Frontend
May 17, 2018 · Frontend Development

Master Modern Scrolling: CSS & JavaScript Techniques for Smooth, Accessible Web Experiences

This article explores the latest CSS and JavaScript features for handling page scrolling, covering scrollbar visibility tricks, custom scrollbar styling, smooth scroll APIs, sticky positioning, event throttling, viewport detection, overscroll control, and touch‑device nuances, while weighing cross‑browser support and performance trade‑offs.

Frontendaccessibilityscrolling
0 likes · 17 min read
Master Modern Scrolling: CSS & JavaScript Techniques for Smooth, Accessible Web Experiences
Qunar Tech Salon
Qunar Tech Salon
May 17, 2018 · Operations

Design and Implementation of an Integrated Case and Bug Management Platform (Todolist) for Agile QA Processes

This article describes the challenges of traditional case and bug workflows in fast‑moving development, proposes automated solutions such as self‑checking test standards, checklist‑to‑case conversion, and reject‑rule enforcement, and details the architecture and user‑experience improvements of the Todolist platform integrated with Jira.

FrontendJira IntegrationQA
0 likes · 10 min read
Design and Implementation of an Integrated Case and Bug Management Platform (Todolist) for Agile QA Processes
Suning Technology
Suning Technology
May 14, 2018 · Frontend Development

Highlights from Suning’s 2018 Front‑End Tech Forum: Node.js, React, WebRTC & Data Viz

The Suning Front‑End Technology Forum in May 2018 gathered over 500 engineers to share insights on Node.js performance tuning, React 16's new features, WebRTC for online education, WebAssembly‑based optimization, and dashboard data‑visualization techniques, offering a comprehensive snapshot of modern front‑end advancements.

Data visualizationFrontendReAct
0 likes · 6 min read
Highlights from Suning’s 2018 Front‑End Tech Forum: Node.js, React, WebRTC & Data Viz
Meitu Technology
Meitu Technology
May 10, 2018 · Frontend Development

Understanding Mobile Gesture Principles and Their Front-End Implementation

The article explains the mathematical foundations and front‑end implementation of five common mobile gestures—drag, pinch, rotate, single‑finger pinch, and single‑finger rotate—using native touch events, vector calculations, and matrix transformations, and provides a lightweight library that emits incremental gesture events for easy integration.

FrontendMobileVector
0 likes · 16 min read
Understanding Mobile Gesture Principles and Their Front-End Implementation
Meitu Technology
Meitu Technology
Apr 27, 2018 · Frontend Development

Front-End Image Processing: Scaling, Cropping, and Rotation with Canvas

This article explains how to perform essential front‑end image processing with the HTML5 canvas—handling cross‑origin loading, ensuring images are fully loaded, then scaling, cropping, and rotating them while preserving aspect ratio and exporting the results as base64 strings, laying groundwork for later composition techniques.

CanvasFrontendScaling
0 likes · 10 min read
Front-End Image Processing: Scaling, Cropping, and Rotation with Canvas
JD Tech
JD Tech
Apr 27, 2018 · Frontend Development

Redesigning JD.com Homepage: Architecture, Performance, and Frontend Engineering with Nerv and Athena

This article recounts the four‑month redesign of JD.com’s homepage, detailing the migration from jQuery + SeaJS to the Nerv framework, the introduction of the Athena engineering platform, performance and experience optimizations such as code splitting, lazy loading, IE8 compatibility, and the monitoring and automation practices that ensure stability and scalability.

Code SplittingFrontendathena
0 likes · 24 min read
Redesigning JD.com Homepage: Architecture, Performance, and Frontend Engineering with Nerv and Athena
JD Tech
JD Tech
Apr 26, 2018 · Frontend Development

Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues

This article explains how to use the HTML5 video tag on mobile web pages, covering common attributes, inline versus fullscreen playback on iOS and Android, dynamic source updates in Vue, live‑streaming protocols with video.js, and practical fixes for background‑audio and layering problems.

FrontendHTML5Mobile
0 likes · 13 min read
Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues
JD Tech
JD Tech
Apr 25, 2018 · Information Security

Security Risks of Third‑Party CSS and JavaScript in Web Development

The article explains how importing third‑party images, scripts, and especially CSS can be abused to steal data, manipulate page content, hide elements, perform keylogging, trigger unwanted requests, and ultimately compromise user security, urging developers to trust only verified resources.

CSS securityFrontendWeb Security
0 likes · 8 min read
Security Risks of Third‑Party CSS and JavaScript in Web Development
21CTO
21CTO
Apr 14, 2018 · Frontend Development

How to Speed Up First-Page Load: DNS, TCP, TLS and Rendering Optimizations

This article explains how to reduce the time users wait for the first screen by optimizing DNS resolution, TCP and TLS handshakes, HTTP protocols, resource loading, and rendering processes, while also covering related network and security considerations.

DNS OptimizationFrontendHTTP2
0 likes · 19 min read
How to Speed Up First-Page Load: DNS, TCP, TLS and Rendering Optimizations
Architecture Digest
Architecture Digest
Apr 13, 2018 · Frontend Development

2018 Frontend Performance Checklist

This article presents a comprehensive 2018 frontend performance checklist that guides teams from establishing a performance culture and selecting metrics to optimizing build processes, static assets, HTTP/2, security, and monitoring, while offering quick‑win actions for immediate impact.

FrontendMetricsOptimization
0 likes · 20 min read
2018 Frontend Performance Checklist
JD Retail Technology
JD Retail Technology
Apr 11, 2018 · Frontend Development

Converting JDreact Projects to H5: Configuration, API Integration, CSS Import, Compatibility Fixes, and State Management

This guide explains step‑by‑step how to transform a JDreact mobile project into a web‑compatible H5 application by adjusting config.js, switching to JSONP API calls, importing external CSS, handling require lifting, fixing ref and input focus issues, managing borders, passing data between pages, and using AsyncStorage for state persistence.

AsyncStorageCSS integrationFrontend
0 likes · 16 min read
Converting JDreact Projects to H5: Configuration, API Integration, CSS Import, Compatibility Fixes, and State Management
JD Tech
JD Tech
Apr 11, 2018 · Frontend Development

Step‑by‑Step Guide to Converting JDreact Projects to H5 and Solving Common Compatibility Issues

This article explains how to transform JDreact mobile code into standard H5 pages, covering configuration changes, backend API adaptation, external CSS integration, platform‑specific ref handling, input focus problems, number‑field behavior, radio‑group styling, data passing techniques, AsyncStorage usage, and boolean value conversion.

FrontendH5 conversionMobile Web
0 likes · 16 min read
Step‑by‑Step Guide to Converting JDreact Projects to H5 and Solving Common Compatibility Issues
网易UEDC
网易UEDC
Apr 2, 2018 · Frontend Development

Mastering Web List Design Patterns for B2B Interfaces

This article summarizes practical web list design patterns for B2B products, covering basic, grid, master‑detail, comprehensive, and operation‑visible/hidden lists, and offers design recommendations to improve usability, performance, and visual appeal in complex business interfaces.

B2B UIFrontendInteraction Design
0 likes · 8 min read
Mastering Web List Design Patterns for B2B Interfaces
Qunar Tech Salon
Qunar Tech Salon
Mar 28, 2018 · Frontend Development

Key New Features and Architectural Changes in React 16

This article reviews the major additions and deprecations introduced in React 16, including component array returns, portals, error boundaries, fragments, strict mode, the new context API, createRef/forwardRef, fiber architecture, and async rendering utilities, illustrated with code examples.

Context APIFrontendJavaScript
0 likes · 9 min read
Key New Features and Architectural Changes in React 16
Efficient Ops
Efficient Ops
Mar 25, 2018 · Fundamentals

What Skills Does a Modern Full‑Stack Developer Really Need?

The article traces the evolution of full‑stack engineering from early 2000s tasks like Photoshop design and PHP 4 scripting to today’s extensive skill set covering operations, cloud platforms, backend services, databases, frontend frameworks, design tools, logging systems, and mobile development, and asks whether mastering this breadth is worthwhile.

BackendFrontendfull-stack
0 likes · 12 min read
What Skills Does a Modern Full‑Stack Developer Really Need?
Youzan Coder
Youzan Coder
Mar 21, 2018 · Frontend Development

Why Vant 1.0 Redefines Lightweight Mobile Vue Components

Vant 1.0, the open‑source mobile Vue component library maintained by Youzan, delivers ultra‑light components averaging 8.8KB, embraces a lightweight, fast‑iteration, and ecosystem‑centric philosophy, and showcases impressive community contributions and tooling support for modern front‑end development.

Component LibraryFrontendMobile UI
0 likes · 6 min read
Why Vant 1.0 Redefines Lightweight Mobile Vue Components
JD Tech
JD Tech
Mar 21, 2018 · Frontend Development

Dynamic Real‑Time Data Updates and Multi‑Scenario Personalization for Mini‑Program Frontends

This article describes how front‑end engineers solved dynamic real‑time operational data updates and multi‑scenario personalization for a mini‑program by leveraging a configuration system, web‑view integration, and lightweight JSON data structures, enabling rapid feature rollout with minimal backend effort.

Dynamic DataFrontendMini Program
0 likes · 7 min read
Dynamic Real‑Time Data Updates and Multi‑Scenario Personalization for Mini‑Program Frontends
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Mar 20, 2018 · Mobile Development

How Long Does It Take to Develop a Mobile App? A Detailed Breakdown of Timelines and Stages

The article analyzes market data and surveys to show that developing a mobile app typically takes 3‑5 months, outlining four key development phases—research, feature definition, technical implementation, and testing—while offering practical insights for founders and developers.

BackendFrontendProject Planning
0 likes · 17 min read
How Long Does It Take to Develop a Mobile App? A Detailed Breakdown of Timelines and Stages
JD Retail Technology
JD Retail Technology
Mar 16, 2018 · Frontend Development

JDReact Development Guide: Project Setup, Build, Debugging, and Common Issues

This article provides a comprehensive step‑by‑step guide for developing the JD oil‑card recharge feature with JDReact, covering project background, environment configuration, branch management, building for Android and iOS, troubleshooting image loading, routing, component customization, network requests, debugging, and release procedures.

BuildProcessDebuggingFrontend
0 likes · 17 min read
JDReact Development Guide: Project Setup, Build, Debugging, and Common Issues
Meituan Technology Team
Meituan Technology Team
Mar 15, 2018 · Frontend Development

Technical Stack and Practices of Meituan-Dianping Financial Platform Frontend

Meituan‑Dianping’s financial platform unified its frontend by adopting Vue for mobile, React for desktop, TypeScript, the Vix UI library, Portm mock‑data generation, Freekite visual testing, an Enhanced Hybrid SDK, SSR pre‑rendering, and robust monitoring and security, delivering up to 80 % UI development savings and markedly higher developer productivity.

FrontendHybridTechnology Stack
0 likes · 26 min read
Technical Stack and Practices of Meituan-Dianping Financial Platform Frontend
21CTO
21CTO
Mar 4, 2018 · Frontend Development

How to Keep Large SPAs Fast: 6 Proven Performance Strategies

This article explores the performance challenges of large Single Page Applications and presents six practical optimization techniques—including fast startup, route-based code splitting, shared bundle extraction, component preloading, ESM tree‑shaking, and PWA caching—to maintain a smooth user experience while keeping bundle sizes low.

Code SplittingFrontendPWA
0 likes · 7 min read
How to Keep Large SPAs Fast: 6 Proven Performance Strategies
21CTO
21CTO
Mar 2, 2018 · Operations

How to Architect Large-Scale Websites: From Frontend to Data Center

This article outlines the comprehensive architecture of massive websites, covering frontend optimization, application and service layers, storage solutions, backend processing, monitoring, security, and data‑center design to handle billions of users and petabytes of data.

BackendFrontendwebsite architecture
0 likes · 11 min read
How to Architect Large-Scale Websites: From Frontend to Data Center
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 10, 2018 · Frontend Development

Mastering CORS: How to Fix Cross‑Origin Errors in Your Web Apps

This article explains what CORS is, why browsers enforce same‑origin policies, details the essential HTTP headers involved, and offers practical solutions—including server‑side configuration, temporary browser work‑arounds, and proxy setups—to resolve cross‑origin request errors.

CORSCross-OriginFrontend
0 likes · 7 min read
Mastering CORS: How to Fix Cross‑Origin Errors in Your Web Apps
MaGe Linux Operations
MaGe Linux Operations
Feb 8, 2018 · Frontend Development

Essential Regular Expressions for Data Validation in Development

This article compiles a comprehensive set of commonly used regular expressions for validating numbers, characters, and special data formats such as emails, URLs, phone numbers, and monetary values, providing developers with a handy reference to streamline input validation tasks.

Frontendregular expressionsvalidation
0 likes · 11 min read
Essential Regular Expressions for Data Validation in Development
58 Tech
58 Tech
Feb 7, 2018 · Frontend Development

ArthurCI: Accelerating Frontend Continuous Integration with Stable Infrastructure

The article introduces ArthurCI, a front‑end continuous‑integration platform developed by 58, detailing its design, performance optimizations such as yarn caching and parallel webpack compression, ease‑of‑use integration steps, stability features, and future data‑driven enhancements, while comparing it with tools like TravisCI.

CIDevOpsFrontend
0 likes · 9 min read
ArthurCI: Accelerating Frontend Continuous Integration with Stable Infrastructure
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 2, 2018 · Frontend Development

Boost Web Performance with Loder: A Lightweight Frontend Loader

Loder is a lightweight, declarative web loader that optimizes resource‑task dependencies, enables ultra‑fast app startup, and provides performance tracking, helping developers overcome the limitations of traditional linear loading especially on constrained mobile devices.

FrontendJavaScriptPerformance Optimization
0 likes · 4 min read
Boost Web Performance with Loder: A Lightweight Frontend Loader
网易UEDC
网易UEDC
Jan 31, 2018 · Frontend Development

Why Design Standards Supercharge Efficiency: A Complete Interaction Spec Guide

This article explains how well‑crafted interaction design specifications—from early‑stage framework planning to atomic‑design methodology—dramatically improve team efficiency, product quality, and user experience, while offering practical steps for creation, iteration, and organization.

EfficiencyFrontendInteraction Design
0 likes · 16 min read
Why Design Standards Supercharge Efficiency: A Complete Interaction Spec Guide