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.
This article explains how jQuery’s ready method works, why it executes earlier than window.onload, and details the cross‑browser mechanisms—including DOMContentLoaded, document.readyState checks, and the doScroll technique—that ensure code runs as soon as the DOM is ready.
Kevin Lacker argues that JavaScript’s pervasive ecosystem is turning it into the default language for browsers, servers, and even native mobile apps, with Node.js leading backend adoption, React Native pushing cross‑platform native development, and industry surveys confirming its growing dominance across the developer community.
This article explains why the value of JavaScript’s this can be confusing, demonstrates typical mistakes with inline events, setTimeout/setInterval, DOM event handlers, and call/apply, and provides practical solutions such as using anonymous functions to control the binding correctly.
This article explains how the HTML5 Performance Timing API records timestamps for each stage of page navigation, shows how to compute metrics such as DNS lookup, TCP connection, request, DOM parsing, and total load time, and provides sample JavaScript code from a GitHub repository.
This guide explains how to use the browser's Performance.now() API to precisely measure the time between two markers, compare it with Date timestamps, and demonstrates a practical example of timing an image's load event with JavaScript code.
This article demystifies the use of yield* in Koa middleware by comparing plain yield with delegating yield, explaining how the co library handles generators and promises, and outlining the practical advantages of native yield* syntax for clarity, performance, and correct this binding.
This article explains the crucial differences between JavaScript function declarations and function expressions, how hoisting affects their availability, and why misunderstanding these concepts can lead to unexpected bugs in your code.
This article explains how the browser’s UI thread manages a task queue to sequentially process UI‑update operations, illustrated with a button‑click example that creates multiple tasks and demonstrates the thread’s idle‑time processing of queued updates.
The article explains why user‑behavior data is often ignored by UED teams, outlines a three‑stage collection‑analysis‑reporting pipeline, and shows how JavaScript running on V8/Node.js can empower front‑end developers to process massive logs, reducing reliance on separate BI resources.
This article explains what Meteor is, its full‑stack Node.js/MongoDB architecture, real‑time data handling with DDP, and the reasons it dramatically speeds up web and mobile app development for startups and rapid prototyping.
This article explains how JavaScript's prototype chain determines whether property accesses create new child‑scope members, update inherited values, or shadow parent properties, illustrating each case with code examples and diagrams.
The front‑end ecosystem is growing at breakneck speed, with core concepts, languages, rendering and script engines, build tools, libraries, frameworks, UI kits, testing utilities, and mobile solutions all listed to illustrate the increasing complexity and breadth of modern web development.
This article traces Node.js’s evolution from a modest 2009 V8‑based runtime to a dominant backend platform, highlighting npm’s impact, its event‑driven, non‑blocking architecture, real‑world strengths and limitations, and why careful evaluation is essential before adopting it.
setTimeout schedules code to run after a delay by handing the callback to the browser’s Web APIs, which later places it in the task queue; once the call stack is empty, the event loop processes the queued callback, illustrating the asynchronous execution flow in JavaScript.
To improve page load speed while fetching additional data via AJAX, developers can choose between parallel and serial requests and handle concurrency using techniques such as sequential execution, callback counting, non‑blocking loops, or jQuery Deferred objects, each with its own trade‑offs.
Understanding JavaScript’s ‘this’ keyword can be confusing, so this guide breaks down its core concept as the current object’s owner and walks through three illustrative examples that reveal how ‘this’ resolves to the global object, a specific object, or remains undefined in various contexts.
This article explains the internal architecture of modern browsers, describing their main components, high‑level structure, communication mechanisms, rendering engine workflow, HTML/CSS/JavaScript parsing, error‑tolerance strategies, and style computation, using examples from Firefox, Chrome, and Safari.
JavaScript executes code by first compiling function and var declarations within a scope, then running statements top‑to‑bottom, which explains why accessing a var‑declared variable before its assignment yields undefined while referencing an undeclared variable throws an error, as illustrated through detailed examples.
This article explains JavaScript closures, covering variable scope, how closures bridge inner and outer functions, and demonstrates practical uses such as creating private/public scopes and correctly attaching DOM event handlers in loops, with clear code examples and visual illustrations.
While browsing JD.com with Chrome’s console, the author uncovers the site’s front‑end architecture, revealing the use of Seajs, a custom jQuery build, lazy‑loading modules, localStorage caching, and a modular project structure that together deliver fast page loads and efficient updates.
A recent developer survey reveals the most popular JavaScript libraries, frameworks, module loaders, and unit testing tools, showing jQuery leading with 91.5% interest overall and 56.53% usage in projects, while other tools like React, AngularJS, webpack, and Mocha capture smaller but notable shares.
This article outlines ten frequent web developer pitfalls—from outdated HTML and browser‑specific code to slow performance and excessive page reloads—explaining their impacts and offering practical solutions such as modern semantic markup, cross‑browser testing, image optimization, responsive design, and automated tooling.
