Based on GitHub and RedMonk statistics, this article reviews the most popular programming languages in 2016, explains why JavaScript, Java, Python, Ruby, PHP, C++, and others rank highly, and offers guidance on choosing a language that fits individual career goals and project needs.
This guide explains the evolution of Apple’s Force Touch to 3D Touch, lists supported iPhone models, describes Quick Actions and Peek‑and‑Pop interactions, and provides step‑by‑step code for detecting touch pressure in Safari 10 using Touch.force and the touchforcechange event.
This article explains why encodeURIComponent can raise a URI malformed error, clarifies the concepts of high and low surrogate pairs, and provides a comprehensive overview of character sets, Unicode, and the UTF‑8 and UTF‑16 encodings used in JavaScript.
This article explains how to build and use compose functions in JavaScript—including two‑argument, variadic, and prototype‑based versions—demonstrates practical examples, and highlights the benefits of pure functions and functional composition for modular, testable frontend code.
Learn how JavaScript’s setTimeout and setInterval functions work, see practical code examples, understand their timing inaccuracies and common pitfalls, and discover how recursive setTimeout can provide more reliable scheduling by avoiding overlapping executions.
This article provides a comprehensive, English‑language reference of common JavaScript DOM APIs—including element selection, class manipulation, node operations, attribute handling, content updates, CSS styling, size calculations, event binding, DOM ready detection, context binding, whitespace trimming, Ajax requests, JSON parsing, and node traversal—complete with code examples for each feature.
This article explains how Babel parses ES6 code into an AST, traverses and modifies nodes using visitors and paths, and demonstrates a practical plugin that replaces a custom abs function with Math.abs, providing a solid foundation for building advanced JavaScript transformations.
This article provides a concise overview of WeChat Mini Program development, detailing the project’s directory structure, file types (js, wxml, wxss, json), core logic layer, data binding, API usage, modularization, and view components with practical code examples to help newcomers quickly grasp the overall design.
The article reviews the Node.js Interactive Europe presentation, outlining Node.js v7’s planned V8 upgrade, new language features like async/await, a beta release strategy, ecosystem stability tools, web standard adoption, IoT suitability, VM neutrality, and community inclusivity initiatives.
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.
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.
This article compiles essential frontend interview questions, key knowledge areas, and detailed explanations covering HTML, CSS, JavaScript, browser engines, storage APIs, and best practices, helping beginners build a solid foundation and prepare effectively for technical interviews.
This guide explains what Browserify is, why it’s useful for front‑end developers, how it works, and provides step‑by‑step examples—including npm package usage, custom modules, debugging, and automatic bundling with watchify—to help you efficiently bundle JavaScript for the browser.
Learn how to use ANSI escape codes in Node.js to transform dull black‑and‑white terminal output into colorful, readable command‑line interfaces, with simple examples like printing red text, enabling developers to create more engaging CLI tools.
This article explains the syntax, usage patterns, and differences of JavaScript’s call, apply, and bind methods, showing how they manipulate a function’s this value, convert arguments objects to arrays, and create bound functions with preset parameters.
This tutorial introduces Electron, the Chromium‑Node.js framework for building cross‑platform desktop apps with HTML, CSS and JavaScript, walks through a simple “Hello World” project, explains its main and renderer processes, key modules such as IPC, remote and webview, and shows how to package the app for Windows and macOS.
This tutorial walks you through the reasons for using SPA, why Vue.js is a lightweight alternative to React, how to set up the Node environment, configure Webpack, create components, manage routing, handle component lifecycles, and implement nested routes with practical code examples.
This article highlights three of the most valuable performance optimization techniques used in the widely adopted Bluebird Promise library—minimizing function object allocation, reducing object size, and employing lazy‑overwritten no‑op functions—to help developers write faster, more efficient JavaScript code.
This article introduces WebVR, an experimental JavaScript API that enables VR experiences on the web, walks through setting up a three.js‑based boilerplate, explains key files like VRControls.js, VREffect.js, and webvr‑polyfill.js, and shows how to create a simple rotating cube demo for mobile cardboard viewers.
This article provides a comprehensive guide to SeaJS, covering its CMD‑based module definition, the define syntax, factory parameters, module identifiers, startup process, debugging tools, loading flow, and key differences from RequireJS, with practical code examples and reference links.
This article shares real‑world Node.js pitfalls—from unsafe decodeURIComponent usage and hidden Promise errors to unhandled HTTP request failures—explaining why they occur and providing practical code‑level solutions such as try‑catch wrappers and proper error event handling to keep applications stable.
This article introduces ES2015 arrow functions, showing their concise syntax, how they differ from traditional function expressions, the implicit handling of the this context, and practical examples that eliminate the need for manual this binding, helping developers write cleaner JavaScript.
This article explains how ECMAScript 6 improves JavaScript function parameters with rest and spread operators, default values, and destructuring, showing syntax, practical examples, browser support, and best‑practice tips for writing clearer, more maintainable code.
Learn how to use Facebook’s jscodeshift tool to write codemods that automatically rename lifecycle methods in JavaScript components, with step‑by‑step examples, test setup using AVA, and detailed AST traversal logic for precise transformations.
This guide explains why test cases are essential, compares TDD and BDD agile approaches, and introduces key frontend testing tools—including Mocha for test suites, Should for assertions, Nock for HTTP mocking, and Istanbul for coverage—while providing code examples and best‑practice recommendations for writing maintainable, high‑quality tests.
This guide walks you through setting up a Node.js project and using the commander, inquirer, and chalk packages to build, configure, and style powerful command‑line tools, including global installation, custom help, interactive prompts, and colored output.
This article introduces four essential ES6 features—let/const variable declarations, template strings, the new Set and Map collections, and enhanced function parameters with defaults and object destructuring—providing clear code examples that demonstrate their advantages over ES5 syntax.
This article introduces YAML as a human‑friendly data serialization format, compares it with XML and JSON, shows basic syntax for objects, arrays, strings, references, type conversion and comments, and provides practical usage examples in JavaScript, Node.js and Java.
This article explains the fundamentals of JavaScript Promises, illustrates typical mistakes such as callback pyramids and missing returns, and demonstrates proper usage of chaining, Promise.all, resolve variations, error handling with catch, and state propagation to write clean, maintainable asynchronous code.
This article explains how ES6 improves JavaScript function parameters with rest parameters, spread syntax, default values, and destructuring, showing practical code examples, usage tips, and browser support details for both desktop and mobile environments.
This article surveys popular WebSocket and real‑time communication libraries across languages, highlighting their core features such as heartbeat, reconnection, fallback mechanisms, publish‑subscribe patterns, and data‑sync capabilities, while providing direct links for quick reference.
This article explains what currying is, its advantages, and provides a generic JavaScript currying function, demonstrating how to transform multi‑parameter functions into single‑parameter chains to improve code reuse, enable lazy evaluation, and enhance overall code quality in functional programming.
The article presents advanced Webpack configuration strategies—including programmatic Node‑API builds, streamlined loader setups, global module injection and environment definitions, commons chunk extraction, DLL bundling, on‑demand code splitting, UglifyJS minification, and server‑side bundling—to help developers efficiently manage complex projects.
This tutorial explains how to implement enter and exit animations using Sandal's SCSS mixins and an ES6 JavaScript class, covering mixin usage, generated CSS, customizable parameters, and practical usage examples for seamless UI effects.
In this interview, veteran front‑end architect Zhong Qincheng discusses his background, the history and rapid growth of JavaScript frameworks, the origins and architecture of his own Avalon framework, and offers practical advice on choosing and designing front‑end frameworks for teams and projects.
This guide explores essential JavaScript console methods—trace, table, time, and profile—to help developers debug call stacks, visualize objects, measure execution time, and analyze CPU usage, complete with code examples and visual illustrations.
This article explains why errors thrown inside a jQuery 3.0 ready handler are silently ignored, compares the behavior with jQuery 2.x, and shows how to use the new Promise‑based $.ready() API with fail() to surface those errors in the console.
This guide demonstrates how MySQL 5.7.12’s new JavaScript‑based shell lets you query, insert, update, and delete both traditional tables and JSON document collections using intuitive method‑chaining syntax, eliminating the need for SQL knowledge and simplifying migration from MongoDB‑style workflows.
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.
This article compares JavaScript's var and let declarations, showing how let provides block scope, avoids hoisting pitfalls, and delivers noticeable performance gains in loops, illustrated with clear code examples and benchmark results.
This article explains what JavaScript function throttling is, why it improves performance for high‑frequency events like scroll or resize, and provides step‑by‑step code examples—including basic and advanced implementations—to control execution timing and avoid excessive DOM or network calls.
Eruda is a lightweight JavaScript plugin that brings desktop‑like DevTools to mobile browsers, offering a console, DOM inspector, network monitor, resource viewer, page info, snippets, and source viewer, making on‑device debugging fast and efficient for web developers.
The article presents a curated list of front‑end interview questions spanning HTML, CSS, JavaScript, and related topics, offering concise prompts on standards, browser behavior, performance, security, and development practices for candidates and interviewers alike.
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.
The article presents a technical overview of Ctrip's Moles framework, which extends React Native to allow a single JavaScript codebase to run on iOS, Android, H5, and SEO platforms, detailing its architecture, components, usage commands, real‑world deployment, and open‑source plans.
This article introduces G2, an open‑source JavaScript visualization library from Ant Financial, explains its semantic charting capabilities and flexible graphic grammar, and provides a complete HTML example that creates a bar chart from sample data, guiding developers to quickly build custom visualizations.
This article explains what HTTP cookies are, their historical origin, how they are created and managed via Set-Cookie headers, the meaning of options like expires, domain, path, and secure, as well as JavaScript handling, subcookies, HTTP‑Only flags, and common limitations.
AlloyFinger is a tiny, feature‑rich JavaScript library from Tencent that enables scaling, rotation, dragging, tap, double‑tap, swipe and long‑press gestures on both DOM and Canvas elements, with a full code example showing how to move and zoom an image.
This guide shows how to collect every @mentioned user on a Zhihu question page by using a JavaScript bookmarklet or a Python script, explains the extraction process, provides the necessary code snippets, and discusses why following programmers on Zhihu may not be the most effective learning method.
Frame‑by‑frame animation, also known as sprite animation, can be implemented on the web using three main techniques—GIF, JavaScript, and CSS3 animation—each with its own workflow, advantages, and limitations, and the article walks through practical examples, code snippets, and tips for optimal performance.
This article introduces Electron, the open‑source framework that lets you create cross‑platform desktop applications using JavaScript, HTML, and CSS, showcases popular apps built with it, and provides a step‑by‑step hello‑world example with code and setup instructions.
This article explains JavaScript's single‑threaded runtime, demystifies setTimeout's true behavior, discusses timer precision across browsers, and showcases practical patterns such as recursive timeouts, event throttling, GIF replay in IE, and delayed blur handling.
This guide explains how vConsole, a lightweight tool from WeChat's frontend team, enables developers to view console.log output directly on mobile browsers, providing step‑by‑step usage instructions, example code, and screenshots of the on‑screen console.
This article explains how Android hybrid apps enable JavaScript‑Java communication, compares four JS‑to‑Java methods, shows the single Java‑to‑JS approach, and provides a detailed walkthrough of the open‑source JsBridge library with code samples and workflow diagrams.
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.
NeDB is a pure‑JavaScript, MongoDB‑compatible lightweight database that can be embedded in Node services or desktop applications without requiring a separate installation, offering in‑memory or persistent storage, rich query features, decent write/read performance, and easy npm installation.
With the release of V8 5.1, Google adds preliminary WebAssembly support to Chrome 51, reviving hopes for near‑native web performance, while also boosting ES6 compatibility to 97%, and the article points readers to essential ES6 learning resources for modern front‑end development.
This article explains the ES5 Array.prototype.reduce() method, compares it with forEach and map, details its syntax and parameters, provides step‑by‑step code examples—including handling of initial values and object arrays—and notes browser compatibility and library alternatives.
This guide explains the different form enctype types, dissects a multipart/form-data example, outlines the encoding rules, and provides step‑by‑step JavaScript and Node.js code for manually constructing and sending such requests, including handling of text fields and binary files.
This guide explains how to integrate the vConsole front‑end debugging panel into mobile web pages, showing how to view colored console logs, access system information, and conditionally load the tool for development environments.
This article continues the deep dive into UglifyJS compression, presenting advanced techniques for optimizing while loops, ternary conditional expressions, statement blocks, and IF branches, including rules for removing dead code, merging statements, and transforming structures to achieve maximal size reduction in JavaScript output.
This article explains why regular expressions are essential, introduces JavaScript regex syntax and creation methods, compares ES3 and ES5 behaviors, details literals, character classes, quantifiers, anchors, modifiers, and demonstrates practical patterns for URLs, HTML tags, and quoted strings.
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.
This article walks through the fundamentals of creating a tiny template engine, explaining how templates are split into text, variables and blocks, how delimiters are parsed, how an abstract syntax tree is built, and how both Python and JavaScript can render the template using eval or Function constructors.
This guide covers essential front‑end techniques—from using the HTML5 DOCTYPE and semantic markup to proper heading hierarchy, table usage, image alt text, microformats, jQuery UI, JavaScript style rules, loop optimizations, GUID generation, and feature detection with Modernizr—helping developers write cleaner, faster, and more accessible web code.
This guide walks developers through choosing a JavaScript framework, understanding ES6 and its variants, selecting appropriate build tools, and setting up effective testing workflows, offering practical recommendations and resources for both beginners and advanced front‑end engineers.
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.
This article demystifies JavaScript closures by presenting a minimal demo, explaining how closures differ from regular functions, illustrating their role in memory management, and showcasing advanced patterns like immediately‑invoked function expressions for practical module creation.
This guide compares popular Node.js npm packages for Excel file handling, recommends using js‑xlsx for parsing and excel‑export for generation, and provides detailed installation steps, core concepts, code examples, and a complete workflow for reading, converting to JSON, and writing Excel files on both server and browser environments.
This article provides a comprehensive guide to writing maintainable JavaScript, covering coding conventions, variable best practices, error handling techniques, object creation methods, prototype and module patterns, and practical examples to help developers build clean, modular, and loosely‑coupled code.
This tutorial walks you through creating a lightweight Canvas particle engine—including world, launcher, and grain components, physics forces, rendering loop, and core JavaScript modules—so you can experiment with interactive particle effects in web projects.
SockJS provides a mature, cross‑browser real‑time communication library that mimics WebSocket while offering fallback transports, load‑balancing options, and easy client‑server integration, making it ideal for building robust web applications in complex network environments.
This article introduces practical ES6 features such as template literals, multiline strings, default parameters, and destructuring assignment, demonstrates how they simplify code compared to ES5, and provides a step‑by‑step guide to using Babel with Gulp for seamless ES6‑to‑ES5 conversion.
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.
A recent developer survey reveals JavaScript's overwhelming popularity across languages, the unexpected dominance of lightweight editors like Notepad++ over full‑featured IDEs, macOS overtaking Windows on desktops, and a surprising gap between lucrative technologies and developers' current skill sets.
This article dissects jQuery’s source code, revealing its clear modular architecture, closure-based sandbox, innovative no‑new instantiation, extensive method overloads, extend mechanisms, chainable calls with stack tracking, regex optimizations, and conflict‑resolution strategies, offering developers deep insights into its design and performance.
This article explains the fundamental differences between scope and context in JavaScript, covers variable scope, execution contexts, the scope chain, closures, module patterns, call/apply/bind methods, and ES6 arrow functions, providing clear code examples for each concept.
This article explains the drawbacks of using Gulp or Grunt for front‑end automation, demonstrates how npm scripts can simplify tasks like cleaning the dist folder, and discusses common developer misconceptions while outlining both the benefits and limitations of npm scripts as a build tool.
This tutorial walks through using CreateJS libraries—PreloadJS for asset loading, SoundJS for audio management, TweenJS for animation, and EaselJS for canvas rendering—providing code examples, configuration steps, and practical tips to build interactive HTML5 games.
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.
An overview of four projects—Transcrypt, Jiphy, Brython, and RapydScript—that enable converting Python code to JavaScript, highlighting each tool’s features, limitations, and the broader context of Python’s role in web front‑end development and its ecosystem.
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.
This article explains the JavaScript with statement, its syntax and intended convenience, then details why it is discouraged by highlighting severe performance degradation, ambiguous scope resolution, debugging difficulties, and potential bugs illustrated through multiple code examples and analysis.
This article explains how replacing traditional for‑loops with JavaScript’s map method leads to more declarative, readable code, reduces boilerplate, improves maintainability, and offers comparable performance, while also discussing functional programming principles, browser support, and best practices for naming helper functions.
This article explains why JavaScript’s single‑threaded nature can freeze the UI during heavy calculations like recursive Fibonacci, and demonstrates how using HTML5 Web Workers moves such tasks to background threads, keeping the interface responsive and allowing multiple workers for intensive operations.
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.
After reading 'High-Performance JavaScript', I tested the speed of a switch statement versus a lookup table over 50,000 iterations, finding the switch slightly faster contrary to the book’s claim, and reflecting on the practical benefits of lookup tables such as clearer code and easier maintenance.
This article explains the meaning of a seemingly cryptic regular expression, demonstrates its semantic diagram using the Regulex visualization tool, and shows how Regulex can be applied to JavaScript, PHP, and Java regexes, including its API and download links.
A JavaScript snippet shared on Twitter claims to crash Firefox, Chrome, and Safari browsers and even force an iPhone to restart, prompting security researchers to examine its behavior, potential as a 0‑day exploit, and possible misuse in attacks.
A JavaScript snippet shared on Twitter claims to crash Firefox, Chrome, and Safari browsers and even force an iPhone to restart, prompting security researchers to examine the code, observed effects on desktop and mobile, and discuss whether it is a bug or a true 0‑day exploit.
The article presents nine speculative trends for the next five years in programming—covering REST‑based IoT, a resurgence of binary protocols, video overtaking HTML, ever‑more capable smartphones, massive databases, JavaScript dominance via code‑generation bots, PHP’s comeback, widespread coding education, and managerial overreach—while stressing the inherent uncertainty of tech forecasts.
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.
This article explains the Promise pattern in JavaScript, showing why nested Ajax callbacks hurt readability and user experience, how Promise improves flow with three states, and demonstrates practical usage with a lightweight promise.js library and jQuery Deferred examples.
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.
This article explains how Node.js supports various ES6 features, categorizes them into shipping, staged, and in‑progress groups, and shows how to enable full ES6 syntax in Node.js projects using Babel plugins, configuration files, and build scripts.
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.
This article explains how to create a smooth train animation on a web page by sampling track points, using linear interpolation for position and angle, and dynamically adjusting speed, with JavaScript code examples illustrating the implementation.
This article introduces Shadow DOM, explains its purpose for encapsulating HTML elements into reusable sub‑trees, compares its benefits over traditional approaches like Bootstrap, and provides a practical example with code demonstrating how to create and use a Shadow DOM in modern browsers.
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.
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.
