BestHub
Sign in
Tagged articles

JavaScript

2446 articles · Page 22 of 25
Taobao Frontend Technology
Taobao Frontend Technology
Jan 18, 2018 · Frontend Development

Master Rax: From Basics to Advanced Development

This comprehensive guide introduces Rax—a lightweight, cross‑container JavaScript framework from Alibaba—covers its core concepts, JSX syntax, component lifecycle, event handling, drivers, framework APIs, development tools, debugging, deployment best practices, and provides practical code examples for beginners and experienced developers alike.

FrontendJavaScriptRax
0 likes · 14 min read
Master Rax: From Basics to Advanced Development
21CTO
21CTO
Jan 17, 2018 · Frontend Development

Why I Love JavaScript: Uncovering Its Quirks and Powerful Features

Despite its reputation for oddities and browser inconsistencies, JavaScript has evolved with ES6 features like default parameters, arrow functions, template literals, destructuring, and more, making it expressive and efficient; this article explores those quirks and explains why the author prefers JavaScript for modern development.

Code examplesFrontendJavaScript
0 likes · 6 min read
Why I Love JavaScript: Uncovering Its Quirks and Powerful Features
Hujiang Technology
Hujiang Technology
Jan 16, 2018 · Frontend Development

Implementing Data Binding in JavaScript: Observer, Compiler, and ViewModel

This article explains the concept, purpose, and elements of data binding in JavaScript, describes view‑to‑model and model‑to‑view binding techniques such as publish‑subscribe, data hijacking and dirty checking, and provides a complete implementation using an Observer, a Compile engine, and a ViewModel to achieve automatic UI updates when the underlying data changes.

Data BindingFrontendJavaScript
0 likes · 10 min read
Implementing Data Binding in JavaScript: Observer, Compiler, and ViewModel
21CTO
21CTO
Jan 13, 2018 · Frontend Development

Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed

The 2017 npm State of JavaScript report analyzes the popularity and growth of major front‑end frameworks—React, Preact, Angular, Ember, Vue, and Backbone—showing dramatic shifts, rapid adoption rates, and guidance for developers choosing the right tool for their projects.

JavaScriptReActVue
0 likes · 6 min read
Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 13, 2018 · Frontend Development

Master 48 Essential JavaScript Snippets in 30 Seconds

This article presents a curated collection of 48 practical JavaScript utilities—from generating anagrams and calculating averages to deep‑flattening arrays and creating UUIDs—each explained in a concise description with ready‑to‑use code examples for front‑end developers.

FrontendJavaScriptalgorithms
0 likes · 16 min read
Master 48 Essential JavaScript Snippets in 30 Seconds
Architecture Digest
Architecture Digest
Jan 11, 2018 · Frontend Development

Building a React Project Structure from Scratch: A Comprehensive Guide

This article walks through creating a React application without scaffolding tools, detailing project directory layout, chosen technology stack—including React, Redux, Immutable.js, react-router, redux-saga, and related debugging and persistence utilities—while explaining component design, middleware, enhancers, routing, and asynchronous task management.

JavaScriptReActRedux
0 likes · 33 min read
Building a React Project Structure from Scratch: A Comprehensive Guide
JavaScript
JavaScript
Jan 1, 2018 · Frontend Development

Schedule a Two‑Hour Delayed Console Message with setTimeout

This concise JavaScript example demonstrates how to employ setTimeout to schedule a console.log call that prints a colored 'Good night, friends~' message after a two‑hour delay, illustrating the use of timing functions and CSS styling within console output.

FrontendJavaScriptconsole.log
0 likes · 1 min read
Schedule a Two‑Hour Delayed Console Message with setTimeout
21CTO
21CTO
Dec 25, 2017 · Frontend Development

What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries

Based on responses from over 23,000 developers, this survey uncovers the latest JavaScript ecosystem trends—including the dominance of React, the evolving roles of Angular and Vue, rising interest in GraphQL, salary impacts of framework choices, and the expanding use of JavaScript beyond the browser.

AngularGraphQLJavaScript
0 likes · 9 min read
What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries
21CTO
21CTO
Dec 22, 2017 · Frontend Development

Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook

This article reviews a series of JavaScript web‑framework comparisons, outlining why using a framework matters, summarizing the pros, cons, and future directions of Angular 2+, React + Redux, Vue.js, Dojo 2, Ember, and Aurelia to help developers and teams make informed choices.

AngularJavaScriptReAct
0 likes · 19 min read
Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook
System Architect Go
System Architect Go
Dec 22, 2017 · Fundamentals

Understanding Floating-Point Precision Issues and Practical Solutions in Programming Languages

This article explains why all IEEE‑754 based languages suffer from floating‑point precision errors, illustrates common problematic calculations, and presents integer‑conversion techniques and library recommendations such as decimal.js to achieve accurate numeric results, especially for financial computations.

JavaScriptPrecisiondecimal.js
0 likes · 4 min read
Understanding Floating-Point Precision Issues and Practical Solutions in Programming Languages
CSS Magic
CSS Magic
Dec 18, 2017 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)

This article explains why ESLint’s no‑return‑assign and no‑constant‑condition rules fire, shows concrete examples—including arrow functions and leftover debug code—and provides step‑by‑step fixes to make the intent of the JavaScript code clear and maintainable.

ESLintJavaScriptcode quality
0 likes · 7 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)
Liulishuo Tech Team
Liulishuo Tech Team
Dec 15, 2017 · Frontend Development

Mastering Frontend Unit Testing: Mocha vs Jest and Practical Tips

This article explores why unit testing is essential for frontend projects, compares Mocha and Jest across assertions, coverage, environment setup, mocking, snapshots, and watch mode, and offers practical guidance on choosing tools, writing maintainable tests, and balancing coverage with development speed.

FrontendJavaScriptJest
0 likes · 19 min read
Mastering Frontend Unit Testing: Mocha vs Jest and Practical Tips
Taobao Frontend Technology
Taobao Frontend Technology
Dec 8, 2017 · Artificial Intelligence

Can JavaScript Power Handwritten Digit Recognition? Build a k‑NN Classifier from Scratch

This article walks you through using JavaScript to implement a simple k‑nearest neighbours classifier for the MNIST handwritten digit dataset, covering data representation, preparation, algorithm implementation, testing, performance analysis, and practical deployment considerations.

JavaScriptMNISThandwritten digit recognition
0 likes · 14 min read
Can JavaScript Power Handwritten Digit Recognition? Build a k‑NN Classifier from Scratch
Baidu Maps Tech Team
Baidu Maps Tech Team
Dec 7, 2017 · Frontend Development

How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed

This article explains the evolution from asm.js to WebAssembly, compares their performance, outlines implementation strategies—including AssemblyScript, hand‑written asm.js, and C/C++ compilation with Emscripten—and provides practical code examples and tips for integrating WebAssembly into web applications.

BinaryenEmscriptenJavaScript
0 likes · 15 min read
How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed
Qunar Tech Salon
Qunar Tech Salon
Dec 6, 2017 · Frontend Development

Using Draft.js for Custom Rich Text Editing in React

This article explains how Draft.js, a React‑based rich‑text editor framework, can be applied to build a customizable editor with support for structured content, immutable state management, custom block rendering, data conversion, and hook handling, providing code examples throughout.

Draft.jsFrontendJavaScript
0 likes · 9 min read
Using Draft.js for Custom Rich Text Editing in React
Beike Product & Technology
Beike Product & Technology
Nov 27, 2017 · Frontend Development

Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination

This article explains how to replace traditional pagination with scroll‑triggered lazy loading, using a 200 px threshold, 60 ms event throttling, a loading‑state lock, UI feedback, error handling, and cross‑platform scroll compatibility to improve user experience on web and mobile pages.

JavaScriptevent-throttlinglazy-loading
0 likes · 6 min read
Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination
Aotu Lab
Aotu Lab
Nov 17, 2017 · Game Development

How to Build a Physics‑Powered Basketball Mini‑Game with LayaAir and Matter.js

This tutorial walks through creating a web‑based basketball shooting game by initializing LayaAir, integrating the Matter.js physics engine, handling user gestures to draw aim lines, applying forces to a ball, and adding realistic basket components, while sharing practical code snippets and performance tips.

HTML5JavaScriptLayaAir
0 likes · 11 min read
How to Build a Physics‑Powered Basketball Mini‑Game with LayaAir and Matter.js
21CTO
21CTO
Nov 6, 2017 · Frontend Development

Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes

This tutorial walks you through installing React Router v4, creating basic, nested, and dynamic routes, handling URL parameters, and implementing protected routes with authentication, providing comprehensive code examples and best practices for building robust client‑side navigation in modern React applications.

JavaScriptProtected RoutesReAct
0 likes · 18 min read
Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes
Aotu Lab
Aotu Lab
Nov 3, 2017 · Game Development

Build a One‑Stroke Puzzle Game with Auto‑Graph Recognition

This article explains how to implement a one‑stroke puzzle game using graph theory, describes the two‑step rendering process, provides JavaScript pseudocode for touch interaction, and details an automatic image‑recognition tool that extracts level data from hand‑drawn diagrams while optimizing performance.

CanvasImage processingJavaScript
0 likes · 15 min read
Build a One‑Stroke Puzzle Game with Auto‑Graph Recognition
Qunar Tech Salon
Qunar Tech Salon
Nov 3, 2017 · Frontend Development

Understanding Virtual DOM: An Introduction Using Snabbdom in Vue

This article explains the concept and implementation of virtual DOM, focusing on Vue's use of the Snabbdom algorithm, detailing its node structure, creation, update process, lifecycle hooks, and code examples to illustrate how virtual DOM optimizes front‑end performance.

JavaScriptPerformanceSnabbdom
0 likes · 6 min read
Understanding Virtual DOM: An Introduction Using Snabbdom in Vue
Hujiang Technology
Hujiang Technology
Nov 1, 2017 · Backend Development

Understanding and Implementing Promisify in JavaScript

Promisify converts Node‑style callback functions into Promise‑based ones by ensuring the callback is the last argument and its first parameter is an error, enabling cleaner asynchronous code with examples, implementation details, and optimizations for JavaScript developers.

CallbackJavaScriptNode.js
0 likes · 5 min read
Understanding and Implementing Promisify in JavaScript
Hujiang Technology
Hujiang Technology
Oct 26, 2017 · Frontend Development

Design Patterns in Front-End JavaScript Development

This article explains how to apply common design patterns such as Singleton and Observer in front‑end JavaScript, demonstrating practical extensions using Function.prototype, discussing the Open‑Closed Principle, and providing code examples for flexible, maintainable code without invasive modifications.

Design PatternsJavaScriptObserver
0 likes · 10 min read
Design Patterns in Front-End JavaScript Development
CSS Magic
CSS Magic
Oct 24, 2017 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 1)

This article explains why rules like eqeqeq, no‑bitwise, and no‑implicit‑coercion should be avoided, shows concrete examples of problematic code, and provides clear manual fixes to improve JavaScript quality with ESLint.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 1)
21CTO
21CTO
Oct 22, 2017 · Frontend Development

Mastering React: From Transformation to Algebraic Effects

This article walks front‑end developers through the author's deductive model of React, covering transformation, abstraction, composition, state handling, memoization, list management, continuations, state maps, and algebraic effects with clear code examples.

Component ArchitectureFrontendJavaScript
0 likes · 9 min read
Mastering React: From Transformation to Algebraic Effects
Aotu Lab
Aotu Lab
Oct 13, 2017 · Frontend Development

Extend setTimeout/setInterval with Pause, Resume, and Batch Management

This article shows how to create a global timer object that tracks setTimeout and setInterval IDs, provides batch clearing, adds pause and resume capabilities, and demonstrates framework‑agnostic implementations inspired by CreateJS and PIXI, with full code examples and GitHub references.

CreateJSJavaScriptpause resume
0 likes · 7 min read
Extend setTimeout/setInterval with Pause, Resume, and Batch Management
Aotu Lab
Aotu Lab
Oct 13, 2017 · Game Development

How to Build a Classic Snake Game with MVC and Efficient Data Structures

This article explains how to implement the classic Snake game using the MVC pattern, detailing the model's grid representation, chain‑list versus array for the snake body, random food placement algorithms, view rendering optimizations with PIXI, and control APIs for game interaction.

Game DevelopmentJavaScriptMVC
0 likes · 12 min read
How to Build a Classic Snake Game with MVC and Efficient Data Structures
Hujiang Technology
Hujiang Technology
Oct 12, 2017 · Fundamentals

Functional Light JavaScript: A Practical Introduction to Lightweight Functional Programming

This article introduces the Chinese translation of "Functional Light JavaScript," explaining the book’s focus on lightweight functional programming concepts in JavaScript, the author’s journey, the core philosophy, a detailed table of contents, and where to find the open‑source translation.

Functional ProgrammingJavaScriptProgramming Paradigms
0 likes · 12 min read
Functional Light JavaScript: A Practical Introduction to Lightweight Functional Programming
Qunar Tech Salon
Qunar Tech Salon
Oct 11, 2017 · Frontend Development

Top 18 Highly Rated Front‑End Open‑Source Projects for Learning

This article curates the 18 most popular Chinese front‑end open‑source projects—covering UI frameworks, chart libraries, responsive grids, animation tools and more—detailing their ratings, star counts, licenses, primary languages, platforms and key features to help developers choose effective learning resources.

HTMLJavaScriptUI Frameworks
0 likes · 15 min read
Top 18 Highly Rated Front‑End Open‑Source Projects for Learning
21CTO
21CTO
Oct 9, 2017 · Frontend Development

Master JavaScript Debugging: Step-by-Step Guide Using Chrome DevTools

Learn how to efficiently locate and fix JavaScript bugs by reproducing errors, setting breakpoints, stepping through code, inspecting variables with Watch expressions, and editing code directly in Chrome DevTools, all demonstrated through a concrete addition calculator example.

Chrome DevToolsFrontendJavaScript
0 likes · 8 min read
Master JavaScript Debugging: Step-by-Step Guide Using Chrome DevTools
21CTO
21CTO
Oct 8, 2017 · Fundamentals

Which Programming Languages Are Rising in 2017? Insights from the TIOBE Index

According to the October 2017 TIOBE Index, Java, C, and C++ remain the top three languages, while C# and Python hold fourth and fifth places; Swift has slipped to 16th, and the rise of hybrid mobile frameworks is boosting C# and JavaScript at the expense of Java and Swift.

C++JavaJavaScript
0 likes · 3 min read
Which Programming Languages Are Rising in 2017? Insights from the TIOBE Index
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Sep 21, 2017 · Frontend Development

Understanding Unit Testing and Jest: Concepts, Types, Tools, and Best Practices

This article explains the fundamentals of unit testing, including its importance, various test types, tool categories, implementation principles, hooks, best‑practice guidelines, and introduces the Jest JavaScript testing framework with installation steps, features, and example test scripts for both synchronous and asynchronous code.

BDDJavaScriptJest
0 likes · 9 min read
Understanding Unit Testing and Jest: Concepts, Types, Tools, and Best Practices
MaGe Linux Operations
MaGe Linux Operations
Sep 18, 2017 · Backend Development

How to Scrape Meituan Waimai App Comments via AJAX and JavaScript

This guide walks you through analyzing the Meituan Waimai app's comment section, uncovering the AJAX requests that load data, constructing the proper URL pattern, looping through pages to fetch JSON, and storing the results in files or a database for further analysis.

AJAXJavaScriptMeituan
0 likes · 5 min read
How to Scrape Meituan Waimai App Comments via AJAX and JavaScript
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Sep 6, 2017 · Frontend Development

How to Build Scalable Web SPA Systems with NEJ: Module Architecture Explained

This article walks through using NetEase's NEJ framework to decompose a complex single‑page web application into hierarchical modules, create and format dependency trees, register external and layout modules, define module directories, implement module logic and messaging, and finally integrate and package the system for scalable deployment.

JavaScriptNEJdependency tree
0 likes · 18 min read
How to Build Scalable Web SPA Systems with NEJ: Module Architecture Explained
21CTO
21CTO
Sep 3, 2017 · Frontend Development

Why JavaScript Fatigue Happens and How to Overcome It

This article examines why JavaScript developers experience fatigue, explains that software exists to reduce costs and increase revenue, and offers practical strategies—such as mastering fundamentals, selective tool use, and test‑driven development—to help engineers stay productive and focused on solving real business problems.

JS fatigueJavaScriptTDD
0 likes · 18 min read
Why JavaScript Fatigue Happens and How to Overcome It
DevOps Engineer
DevOps Engineer
Aug 30, 2017 · Operations

Introduction and Overview of Nightwatch.js End‑to‑End Testing Framework

This article introduces Nightwatch.js, a Node.js‑based end‑to‑end testing framework for web and app testing, explains why the author switched from Java‑Selenium‑TestNG to Nightwatch.js, and outlines its key features such as simple syntax, built‑in runner, Selenium integration, cloud support, CI reporting, and extensibility.

JavaScriptNightwatch.jsTesting framework
0 likes · 3 min read
Introduction and Overview of Nightwatch.js End‑to‑End Testing Framework
Baixing.com Technical Team
Baixing.com Technical Team
Aug 28, 2017 · Frontend Development

Master Server‑Side Rendering with Nuxt.js: A Quick Start Guide

Learn how Nuxt.js extends Vue.js to provide seamless server‑side rendering, from installation and project scaffolding to directory structure, rendering flow, middleware, asyncData handling, routing conventions, and configuration tips, enabling SEO‑friendly, high‑performance web applications.

JavaScriptNuxt.jsServer-side Rendering
0 likes · 15 min read
Master Server‑Side Rendering with Nuxt.js: A Quick Start Guide
Architecture Digest
Architecture Digest
Aug 25, 2017 · Frontend Development

A Comprehensive Guide to Building a Full‑Stack Front‑End Skill Set

This article presents a detailed roadmap for aspiring front‑end engineers, covering essential fundamentals, design principles, development techniques, networking basics, server‑side knowledge, database skills, and soft‑skill practices, while providing practical code examples and resource recommendations.

Continuous IntegrationFrontendJavaScript
0 likes · 45 min read
A Comprehensive Guide to Building a Full‑Stack Front‑End Skill Set
Hujiang Technology
Hujiang Technology
Aug 24, 2017 · Frontend Development

WeChat Mini Program Practical Tutorial: Course Outline and Development Guide

This article presents a comprehensive Mini Program tutorial covering the full course syllabus—from introductory setup and appID registration to intermediate project structure, utility extraction, network handling, list and detail page implementation—along with a detailed step‑by‑step guide for obtaining and configuring an appID.

AppIdJavaScriptWeChat Mini Program
0 likes · 5 min read
WeChat Mini Program Practical Tutorial: Course Outline and Development Guide
Baixing.com Technical Team
Baixing.com Technical Team
Aug 18, 2017 · Frontend Development

Master Cross-Domain Communication with easyXDM: Full Guide & Code Samples

This article explains why switching iframe pages to HTTPS broke automatic resizing due to cross-origin restrictions, introduces the easyXDM library as a comprehensive solution, and provides step‑by‑step code examples for parent‑child communication, protocol selection, multi‑iframe handling, and debugging techniques.

JavaScriptPostMessagecross-domain
0 likes · 15 min read
Master Cross-Domain Communication with easyXDM: Full Guide & Code Samples
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 18, 2017 · Frontend Development

Practical Guide to ES6 Features and Performance Comparisons in Node.js

This article reviews the compatibility of various Node.js versions with ES6 features, explains key ES6 constructs such as let, const, template literals, default parameters, destructuring, and classes, and presents performance benchmarks comparing these features to their ES5 equivalents, concluding with practical recommendations for developers.

JavaScriptNode.jsPerformance
0 likes · 6 min read
Practical Guide to ES6 Features and Performance Comparisons in Node.js
Baixing.com Technical Team
Baixing.com Technical Team
Aug 17, 2017 · Frontend Development

What Is Frontend Development? A Beginner’s Guide to Web Basics

This article, adapted from a university‑level front‑end lecture, explains what front‑end development is, how browsers render pages, the layered architecture of HTML, CSS, and JavaScript, and the modern tools and practices that turn static markup into interactive web applications.

FrontendHTMLJavaScript
0 likes · 15 min read
What Is Frontend Development? A Beginner’s Guide to Web Basics
Hujiang Technology
Hujiang Technology
Aug 14, 2017 · Frontend Development

Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML

This tutorial shows how to build a cross‑platform WebVR voxel‑building demo, similar to Minecraft, using A‑Frame and just a handful of HTML elements, covering scene setup, assets preloading, entity‑component patterns, custom components, mixins, hand controllers, teleportation, and device‑agnostic interaction.

A-FrameHTMLJavaScript
0 likes · 24 min read
Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML
Architecture Digest
Architecture Digest
Aug 14, 2017 · Frontend Development

An Overview of Modern Front-End Development Workflow and Tools

This article provides a comprehensive overview of the front‑end development workflow, explaining core concepts like HTML, CSS, JavaScript, and detailing essential tools such as npm, Babel, Gulp, Webpack, and popular frameworks like React and Vue, while addressing their roles and interactions.

BabelFrontendJavaScript
0 likes · 8 min read
An Overview of Modern Front-End Development Workflow and Tools
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 13, 2017 · Frontend Development

Frontend Weekly: Storybook 3.2, Webpack WebAssembly, AI in Browser

This week’s front‑end roundup covers Storybook 3.2’s Vue support, Webpack’s first‑class WebAssembly push, WebKit’s PWA plans, a browser‑based neural‑network framework, Coinbase’s $100 M raise, TensorFlow 1.3 updates, Netflix’s Vectorflow, Visual Studio 2017 preview, and Angular AOT memory limits.

Artificial IntelligenceFrontendJavaScript
0 likes · 6 min read
Frontend Weekly: Storybook 3.2, Webpack WebAssembly, AI in Browser
Vipshop Quality Engineering
Vipshop Quality Engineering
Aug 8, 2017 · Frontend Development

Why for…in Breaks JavaScript Arrays and How for…of Fixes It

This article examines a production incident caused by using the ES5 for...in loop to iterate over arrays, explains its pitfalls such as prototype pollution and string indexes, and demonstrates why switching to the ES6 for...of construct provides safer, more predictable array traversal.

JavaScriptPrototypearray iteration
0 likes · 6 min read
Why for…in Breaks JavaScript Arrays and How for…of Fixes It
Hujiang Technology
Hujiang Technology
Aug 7, 2017 · Frontend Development

Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation

This article walks through the reverse‑engineering of a compact JavaScript one‑liner that draws a patterned image, refactors it into readable modules, explains each transformation—including variable renaming, loop conversion, ternary expansion, bitwise operations, and switch‑case replacement—while illustrating the underlying math with graphs and code snippets.

HTMLJavaScriptalgorithm analysis
0 likes · 18 min read
Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation
Qunar Tech Salon
Qunar Tech Salon
Aug 4, 2017 · Frontend Development

Understanding and Implementing Higher-Order Components in React

This article explains the concept of higher‑order components (HOCs) in React, demonstrates basic and advanced implementations—including parameterized HOCs, display‑name handling, composition with compose, and practical examples such as loading and copy utilities—while comparing HOCs with parent components and recommending open‑source libraries.

DecoratorFrontendHigher-Order Component
0 likes · 10 min read
Understanding and Implementing Higher-Order Components in React
Aotu Lab
Aotu Lab
Aug 3, 2017 · Frontend Development

Integrating Gitalk: A GitHub‑Based Comment System for Your Site

This guide explains what Gitalk is, outlines its key features, shows how to install it via CDN or npm, details required GitHub application settings, provides configuration options with code examples, and describes usage, rendering, contribution steps, and related projects.

Comment SystemFrontendGitHub Issues
0 likes · 6 min read
Integrating Gitalk: A GitHub‑Based Comment System for Your Site
Programmer DD
Programmer DD
Aug 2, 2017 · Fundamentals

Mastering Regex: How to Build Precise and Efficient Regular Expressions

This article explains how to construct regular expressions that balance matching expected strings, avoiding false matches, maintaining readability, and achieving performance, while covering when to use regex, practical JavaScript examples, accuracy techniques for phone numbers and floats, and key optimization strategies.

AccuracyJavaScriptOptimization
0 likes · 12 min read
Mastering Regex: How to Build Precise and Efficient Regular Expressions
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 1, 2017 · Frontend Development

Why Functional Programming Is Revolutionizing Front-End Development

This article explains the fundamentals of functional programming, its contrast with imperative coding, the role of pure functions and monads, and why its declarative and asynchronous features are increasingly essential for modern front‑end frameworks and reactive UI development.

JavaScriptPure FunctionsReactive Programming
0 likes · 10 min read
Why Functional Programming Is Revolutionizing Front-End Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 30, 2017 · Frontend Development

This Week's Front‑End News: React License Drama, New npm Features, and More

A roundup of this week's front‑end highlights includes NetEase's new "Dream Werewolf" game, Apple's iPod discontinuation, Facebook Messenger 2.1 with embedded NLP, React's licensing controversy, npm 5.3.0 updates, Expo SDK v19.0.0, Angular releases, Google IPv6 stats, the Facets visualization tool, and Adobe's Flash sunset.

FrontendJavaScriptNews
0 likes · 6 min read
This Week's Front‑End News: React License Drama, New npm Features, and More
MaGe Linux Operations
MaGe Linux Operations
Jul 27, 2017 · Fundamentals

12 Best Coding Games to Learn Programming While Having Fun

This article reviews twelve free, open‑source coding‑game platforms—such as CodeCombat, Screeps, CheckiO, VIM Adventures, Cyber‑Dojo, CodeMonkey, the Elevator Programming Game, Codewars, Ruby Quiz, Git‑Game and hacker.org—covering languages from JavaScript to Python and suitable for beginners to advanced programmers.

Game-based LearningJavaScriptPython
0 likes · 5 min read
12 Best Coding Games to Learn Programming While Having Fun
Aotu Lab
Aotu Lab
Jul 21, 2017 · Frontend Development

Master CreateJS: Preload, EaselJS, TweenJS, and Advanced Canvas Techniques

This tutorial introduces CreateJS’s four modules, demonstrates asset preloading, drawing workflows, tick handling, touch support, object layering, image manipulation, and provides a complete seamless‑scrolling background demo with full code examples.

CreateJSEaselJSGame Development
0 likes · 12 min read
Master CreateJS: Preload, EaselJS, TweenJS, and Advanced Canvas Techniques
Hujiang Technology
Hujiang Technology
Jul 20, 2017 · Mobile Development

Understanding WKWebView: Comparison with UIWebView, Usage, Issues, and Solutions

This article introduces WKWebView, compares it with the legacy UIWebView in terms of performance and memory usage, explains usage patterns, delegate protocols, JavaScript‑Native interaction, common pitfalls such as cookie handling, process crashes, caching, and offers practical solutions and best‑practice recommendations for iOS developers.

CookieJavaScriptNative
0 likes · 18 min read
Understanding WKWebView: Comparison with UIWebView, Usage, Issues, and Solutions
Qunar Tech Salon
Qunar Tech Salon
Jul 19, 2017 · Frontend Development

Headless Chrome Automation: API Overview, Coding Tips, and Example Scripts

This article introduces the Chrome DevTools Protocol API, provides practical coding tips for using the chrome-remote-interface library, and demonstrates complete Node.js examples for gathering performance metrics, automating Baidu searches, and extracting first‑page results with headless Chrome.

Chrome DevTools ProtocolHeadless ChromeJavaScript
0 likes · 9 min read
Headless Chrome Automation: API Overview, Coding Tips, and Example Scripts
Hujiang Technology
Hujiang Technology
Jul 18, 2017 · Fundamentals

A Crash Course in Memory Management: ArrayBuffer, SharedArrayBuffer, and Manual vs Automatic Management in JavaScript

This article explains the fundamentals of memory management, illustrating why ArrayBuffer and SharedArrayBuffer were added to JavaScript, how automatic garbage collection works, and what manual memory handling with functions like malloc and free entails, especially when using WebAssembly and C.

ArrayBufferGarbage CollectionJavaScript
0 likes · 6 min read
A Crash Course in Memory Management: ArrayBuffer, SharedArrayBuffer, and Manual vs Automatic Management in JavaScript
System Architect Go
System Architect Go
Jul 16, 2017 · Backend Development

From Nested Callbacks to Promises: Modern Async Patterns in Node.js

This article walks through classic Node.js callback examples, demonstrates how event emitters can replace tangled callback nesting, and then shows how promises and async/await provide cleaner, more maintainable asynchronous code, encouraging developers to upgrade their Node version.

Async/AwaitCallbacksJavaScript
0 likes · 3 min read
From Nested Callbacks to Promises: Modern Async Patterns in Node.js
Meituan Technology Team
Meituan Technology Team
Jul 14, 2017 · Frontend Development

Design Philosophy, Source Code Analysis, and Best Practices of Redux

Redux is a JavaScript state container that enforces a single‑store, unidirectional data flow using actions, reducers and middleware, drawing on Flux, CQRS and event sourcing, and the article examines its core source files while offering best‑practice guidelines such as immutability, pure reducers, smart‑dumb component separation, and careful middleware use.

Design PatternsJavaScriptMiddleware
0 likes · 16 min read
Design Philosophy, Source Code Analysis, and Best Practices of Redux
Aotu Lab
Aotu Lab
Jul 7, 2017 · Frontend Development

Build a Simple Motion Detection Demo with WebRTC and Canvas

This guide explains how to create a lightweight motion‑detection effect in a web page using WebRTC to capture video, Canvas for pixel processing, and JavaScript algorithms that compare consecutive frames, apply brightness thresholds, and optionally track moving objects with bounding boxes.

FrontendJavaScriptMotion Detection
0 likes · 12 min read
Build a Simple Motion Detection Demo with WebRTC and Canvas
Meituan Technology Team
Meituan Technology Team
Jul 6, 2017 · Frontend Development

LsLoader: A Front-End Module Caching and Performance Optimization Tool

LsLoader is a middleware that caches individual JavaScript modules in browser localStorage and combines updates via an online combo service, enabling build‑tool‑agnostic, fine‑grained loading that cuts page load times by up to 30 % and saves hundreds of gigabytes of bandwidth in production.

CachingFront-endJavaScript
0 likes · 13 min read
LsLoader: A Front-End Module Caching and Performance Optimization Tool
21CTO
21CTO
Jul 2, 2017 · Fundamentals

Essential Regex Cheat Sheet: 20 Common Validation Patterns for Developers

This cheat sheet compiles twenty practical regular‑expression patterns—including date, password, email, ID, IP, URL, and HTML validation examples—along with JavaScript snippets, giving developers a quick reference to boost input‑checking efficiency across front‑end and back‑end projects.

BackendFrontendJavaScript
0 likes · 8 min read
Essential Regex Cheat Sheet: 20 Common Validation Patterns for Developers
Aotu Lab
Aotu Lab
Jun 30, 2017 · Fundamentals

Why Do escape and encodeURI Encode URLs Differently? Explore Percent-Encoding

This article explains the differences between JavaScript’s escape, encodeURI, and encodeURIComponent functions, detailing their encoding rules, percent‑encoding standards, reserved and unreserved characters, and how Unicode characters are transformed into UTF‑8 byte sequences, while also covering ASCII, Unicode, and UTF‑8 fundamentals.

JavaScriptURL encodingUTF-8
0 likes · 11 min read
Why Do escape and encodeURI Encode URLs Differently? Explore Percent-Encoding
Architecture Digest
Architecture Digest
Jun 28, 2017 · Frontend Development

A Comprehensive Guide to Selecting Front‑End Frameworks and Libraries

This article explains the differences between libraries and frameworks, outlines common front‑end solution categories such as DOM manipulation, communication, utilities, templating, components, routing and architecture, and provides practical recommendations of popular JavaScript tools for each area.

FrontendJavaScriptLibrary
0 likes · 11 min read
A Comprehensive Guide to Selecting Front‑End Frameworks and Libraries
Hujiang Technology
Hujiang Technology
Jun 27, 2017 · Frontend Development

React Forms: Using Refs (Translation)

This article translates Loren Stewart’s guide on using React refs for form handling, explaining both controlled components and ref‑based approaches, and provides detailed code examples for text, number, select, radio, and checkbox inputs, including techniques for parent‑child communication and value extraction.

Controlled ComponentsFormsJavaScript
0 likes · 15 min read
React Forms: Using Refs (Translation)
Architecture Digest
Architecture Digest
Jun 26, 2017 · Backend Development

Common Interview Questions and Answers: A Cautionary Tale for Developers

This article compiles a wide range of interview questions and answers covering MySQL escaping, JavaScript memory leaks, PHP garbage collection, concurrency control, networking fundamentals, and system design, aiming to warn developers about knowledge gaps and encourage deeper technical learning.

BackendJavaScriptPHP
0 likes · 11 min read
Common Interview Questions and Answers: A Cautionary Tale for Developers
21CTO
21CTO
Jun 23, 2017 · Frontend Development

Master Front-End Error Collection: Capture JS Exceptions and Resource Failures

This guide explains why front‑end error collection is essential, outlines effective methods such as using window.addEventListener('error', true), details the types of exceptions to monitor—including script errors, resource load failures, HTML hijacking, and CSS issues—and provides practical code snippets for reporting and handling them.

FrontendJavaScriptWeb Performance
0 likes · 10 min read
Master Front-End Error Collection: Capture JS Exceptions and Resource Failures
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 20, 2017 · Frontend Development

Top 10 Front‑End Career Questions Answered: Strategies, Learning Paths & Industry Insights

This article compiles ten common front‑end questions from Zhihu, offering practical advice on market demand, learning strategies, solidifying fundamentals, choosing between design and development, interview tactics, and the future outlook of web development, all backed by real‑world analogies and examples.

FrontendJavaScriptWeb Development
0 likes · 39 min read
Top 10 Front‑End Career Questions Answered: Strategies, Learning Paths & Industry Insights
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 18, 2017 · Frontend Development

This Week’s Front‑End Highlights: Apple Health Push, Safari 11, V8 6.0 & More

From Apple’s secret team turning iPhones into medical records to Safari 11’s new WebRTC and WebAssembly support, V8 6.0’s SharedArrayBuffer, Puppet Labs’ DevOps survey, WeChat’s open‑source WCDB, Tencent’s mobile analytics, StackOverflow’s HTTPS migration, and a new front‑end lifecycle model, this roundup covers the top front‑end developments of the week.

FrontendJavaScriptTechnology News
0 likes · 6 min read
This Week’s Front‑End Highlights: Apple Health Push, Safari 11, V8 6.0 & More
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 15, 2017 · Frontend Development

Top 10 Front-End Interview Algorithm Questions and Solutions

This article compiles ten common algorithmic challenges frequently asked in front‑end interviews, explains why mastering data structures matters for developers, and provides concise solutions and key insights for each problem, from palindrome checks to binary search tree implementation in JavaScript.

FrontendJavaScriptalgorithm
0 likes · 8 min read
Top 10 Front-End Interview Algorithm Questions and Solutions
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 11, 2017 · Frontend Development

Master Advanced JavaScript Regex: Lazy Quantifiers, Lookahead, and More

Explore advanced JavaScript regular expression techniques—including lazy quantifiers, non‑capturing groups, backreferences, lookaround assertions, and subtle meta‑character rules—to write more efficient and readable patterns, illustrated with practical examples such as inserting commas into large numbers.

JavaScriptlazy quantifierslookaround
0 likes · 4 min read
Master Advanced JavaScript Regex: Lazy Quantifiers, Lookahead, and More
Java High-Performance Architecture
Java High-Performance Architecture
Jun 10, 2017 · Frontend Development

Master 7 Essential ES6 Features in Just 30 Minutes

This concise guide introduces seven frequently used ES6 features—including let, const, arrow functions, default parameters, destructuring, object shorthand, and template literals—explaining each concept so you can grasp them in roughly half an hour.

Arrow FunctionsFrontendJavaScript
0 likes · 1 min read
Master 7 Essential ES6 Features in Just 30 Minutes
Qunar Tech Salon
Qunar Tech Salon
Jun 2, 2017 · Frontend Development

A Review of Frontend Moduleization Development and Tooling

This article reviews the evolution of frontend moduleization over the past decade, discusses the problems of early script inclusion, presents various solutions such as namespaces, closures, CommonJS, ES6 modules, and modern build tools, and illustrates each approach with concrete JavaScript code examples.

CommonJSFrontendJavaScript
0 likes · 16 min read
A Review of Frontend Moduleization Development and Tooling