This article presents practical JavaScript clean‑code guidelines—including intention‑revealing naming, single‑purpose functions, pure functions, proper async handling, and linting standards—to help developers write more readable, maintainable, and error‑free code.
This guide explains the concept of image lazy loading, how to detect when an image enters the viewport, and provides a complete vanilla‑JavaScript implementation with throttled scroll handling to improve page performance and reduce bandwidth usage.
Learn how to ensure that a user list page instantly reflects edits made on a separate detail page in a WeChat Mini Program by using a lightweight broadcast utility, avoiding full page reloads and improving user experience.
This article offers a comprehensive guide for newcomers to web front‑end development, covering project engineering basics, emerging development directions, the current job market, essential frameworks and tools, and practical tips for overcoming common challenges.
This article explains three methods to provide visual touch feedback on mobile web pages—using the :active pseudo‑class with a touchstart handler, the non‑standard -webkit‑tap‑highlight‑color property, and custom touch event listeners that add and remove an active class, plus tips for handling the 300 ms delay.
This article, the third in a series on constructing high‑scalable web interactive systems, demonstrates how to use NetEase's NEJ framework to decompose complex SPA modules, define hierarchical and dependency trees, register external and layout modules, map functionalities, and configure the entire application for scalable development and maintenance.
This article introduces Socket.IO, explains its features and transport fallback mechanisms, showcases a real‑world example (tty.js Linux terminal), and provides a step‑by‑step guide to create a simple web page that displays the server’s current time using Node.js and client‑side JavaScript.
This article explains why readable code matters for developers, then offers practical guidelines on naming variables and functions, structuring conditional branches, keeping functions single‑purpose, handling errors, avoiding side‑effects, and organizing class methods to improve maintainability in modern JavaScript projects.
This tutorial walks you through creating a simple timer application with Vue 2.0, Vue‑Router, Vuex and Webpack, highlighting the differences from Vue 1.0, showing project setup, file structure, core code snippets, and best practices for state management.
This article explains the core principles of Redux, when to adopt or avoid it, and provides a detailed walkthrough of its architecture, key components, and practical integration with React, including store creation, reducers, actions, middleware, and project structure.
This sixth installment of the Quick Q&A column answers common front‑end questions about CSS vertical‑align, equal‑height columns, JavaScript learning resources, code‑review feedback, and provides practical career guidance for aspiring web developers.
This article explains how JavaScript’s execution stack, heap, event loop, and setTimeout work together, illustrating their behavior with visual diagrams and examples that reveal common pitfalls such as blocking code and minimum timer delays.
In this fifth Quick Q&A episode, the author answers several front‑end questions covering how to make a background image adapt to a container, CSS animation compatibility across browsers, clearfix techniques, learning resources for JavaScript, choosing a Vue.js framework, and practical career advice for aspiring developers.
Based on data from TIOBE, PYPL, StackOverflow, GitHub, Indeed, Glassdoor and other sources, this article examines which programming languages are most popular worldwide and most in demand by industry, highlighting trends such as Java’s dominance, the rise of Python, JavaScript’s prevalence, and emerging languages for 2017.
This article explains the historical problems of callback hell and ineffective return/throw in asynchronous JavaScript, introduces Promises as a contract‑based solution that flattens nesting, enables proper error handling, and outlines their core API and usage patterns.
This article dissects a 1 KB js1k competition entry that builds a 3‑D forest‑fire game using only built‑in canvas variables, explaining the competition rules, the demo’s gameplay, the compact object‑creation logic, the clever key‑state handling, and the full event‑loop rendering pipeline.
This article explains how to classify, propagate, and handle both operational and coding errors in Node.js, offering practical guidelines, code examples, and best‑practice recommendations for building robust backend applications.
This comprehensive guide explains what regular expressions are, their practical uses in data validation and string manipulation, the syntax of literals and constructors, key String and RegExp methods, character classes, quantifiers, anchors, groups, assertions, flags, and the behavior of JavaScript's NFA engine, all illustrated with clear code examples.
Based on a recent survey, the most widely used JavaScript libraries like jQuery, React, and lodash dominate front‑end development, while emerging frameworks such as Vue.js gain attention; module bundlers, linting tools, unit testing frameworks, and CSS processors show growing adoption and shifting popularity trends.
The Web Audio API is a high‑level JavaScript interface that lets developers create and connect modular AudioNodes within an AudioContext to process, filter, visualise, and spatialise sound, supporting sources such as media elements, streams, and buffers, and enabling real‑time recording, clipping, and karaoke applications.
UAParser.js is a lightweight, dependency‑free JavaScript library that parses the User‑Agent string to provide detailed browser, engine, OS, CPU, and device information, with examples for both browser and Node.js environments, and outlines its main methods and installation steps.
This article presents a 20‑question front‑end interview test compiled in 2013, covering HTML, CSS, JavaScript, HTTP and related topics, with scoring guidelines, answer intentions, solution outlines and reference answers to help assess candidates quickly.
This article introduces Vue.js fundamentals, compares its similarities and differences with React, demonstrates a sample project structure with component examples, and guides readers on obtaining the demo repository and exploring Vue 2.0 enhancements, providing a practical hands‑on overview for front‑end developers.
This article explains the pitfalls of JavaScript arrow functions, showing when they break object methods, event callbacks, and constructors, and offers clear examples and corrected code to help developers choose between arrow functions and traditional function expressions.
This comprehensive guide explains what WeChat Mini Programs are, their underlying framework, supported components and APIs, development workflow, modular design patterns, differences from traditional H5 apps, debugging, building, publishing, and practical advantages and limitations for mobile front‑end developers.
The article examines common problems with npm such as the left‑pad incident and semver volatility, explains how shrinkwrap can freeze dependencies, and shows how Yarn’s automatic lockfile, faster parallel installation, and better user feedback improve reliability and developer productivity.
This article delves into ES6’s advanced features—including dynamic module loading, Symbol usage, iterators, Maps, Sets, Weak collections, Promises, async‑await, generators, and meta‑programming tools like Proxy and Reflect—providing concise explanations, code snippets, and practical guidance for modern JavaScript development.
This article explains how decorators—originally popularized in Python—can be applied in JavaScript ES6, covering their syntax, class and property use cases, underlying mechanics with Object.defineProperty, and practical Babel transpilation steps.
This article introduces WeChat Mini Programs, compares them with Web Apps and other lightweight app models, explains their component‑based development workflow, key APIs, routing and styling, and discusses the cost, promotion, and future prospects of building mini‑apps on the WeChat platform.
This article traces the origins of virtual reality from early concepts and devices to modern headsets, then introduces the A-Frame web framework and provides a step‑by‑step tutorial with code examples for creating VR scenes, animations, and interactions in the browser.
This article traces the origin of debugging from the historic moth incident, explains Chrome and Android remote debugging setup, permission constraints, and dives deep into V8's JavaScript debugging mechanisms such as Debugger.enable, getScriptSource, and setBreakpointByUrl.
This article walks through creating a simple WeChat Mini Program that searches and displays DouBan book information, covering API usage, project setup, page design, event handling, network requests, pagination, and code organization with practical code examples.
A humorous 2016 dialogue walks through the shift from jQuery to React, explaining JSX, ES6+, Babel, module bundlers, task runners, TypeScript, Flow, Fetch API, and template engines, while highlighting the rapid evolution of frontend tooling and best practices.
This guide introduces Yarn, Facebook’s fast JavaScript package manager, shows how to install it, and provides a side‑by‑side comparison of common npm commands with their Yarn equivalents, highlighting unique features of each tool for more efficient frontend development.
The article details how Facebook built Yarn to overcome npm’s consistency, security, and speed limitations, describing the evolution of their package‑management workflow, Yarn’s lockfile architecture, parallel installation process, additional features, production adoption, and simple commands to get started.
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.
