This article explains how JavaScript engines hoist function and variable declarations, compares the behavior of var, let, and const during creation, initialization, and assignment, and demonstrates the resulting runtime errors and output through clear code examples.
This article explains why and how to use various JavaScript design patterns—such as module, revealing module, ES6 modules, singleton, factory, and decorator—by describing their purpose, benefits, and providing clear code examples while warning against over‑use.
This article explains JavaScript Promises, covering their purpose in avoiding callback hell, the core API (constructor, then, catch, static methods), practical code examples, chaining behavior, comparison with callbacks and async/await, and even a custom implementation, providing a comprehensive guide for frontend developers.
Electron 6.0, the newest stable release, brings Chromium 76, Node.js 12.4, V8 7.6, enhanced Promise support, async dialog APIs, new shell.showItemInFolder, and numerous API improvements such as excludedFromShownWindowsMenu, all_frames support, Linux preview, Touch ID, and more, all installable via npm.
Webpack resolves every import by mapping the request string to an exact file path through a configurable chain of resolver plugins for normal modules, node_modules packages, and loaders, and developers can speed up builds by using aliases, limiting module directories, and keeping extensions short.
The article presents a scalable ESLint‑based framework for large front‑end teams that combines a layered, unified rule configuration, CI/CD and pre‑commit lint checks, a one‑click onboarding CLI, and automated metrics collection with dashboards, enabling consistent code standards across diverse projects while reducing maintenance overhead.
This article reveals eight lesser‑known DOM and Web API features—such as addEventListener options, smooth scrollTo, optional timer arguments, defaultChecked, normalize/wholeText, insertAdjacent methods, event.detail, and scrollHeight/scrollWidth—explaining their purpose, browser support, and providing practical code examples.
This article explains how to calculate object positions using a parabolic formula, generate multiple translucent shadows to simulate motion blur, and implement the entire effect with JavaScript, covering parameter selection, acceleration calculations, and practical code examples for smooth front‑end animations.
This article explains the inner workings of Tapable—the hook library behind Webpack—by detailing its synchronous and asynchronous hook types, registration and invocation methods, the lazy‑compilation code‑generation process, and how these mechanisms give Webpack a performance edge over naïve event loops.
This article explains the evolution of Google V8's Promise implementation, details the JavaScript single‑threaded event loop with macro‑ and micro‑tasks, describes various programming models, and walks through the internal V8 code that realizes Promise construction, chaining, and utility methods such as Promise.all and Promise.race.
This article explains how the V8 JavaScript engine generates machine code for floating‑point addition on Intel x64, covering V8’s architecture, the IEEE‑754 representation that causes precision loss, and a step‑by‑step analysis of the relevant C++ source and the resulting addsd instruction.
This article reviews the evolution of front‑end programming languages, discusses why extreme attitudes toward language choice hinder productive discussion, explains how platform constraints shape language selection, examines the strengths and weaknesses of JavaScript, Java, and Objective‑C, and predicts increasing convergence and cross‑platform trends among modern front‑end languages.
The article dissects Webpack’s internals, showing how every asset becomes a module processed by loaders, how the bootstrap creates a __webpack_require__ function to link modules, how dynamic import() generates separate chunks loaded via script tags, and outlines the full compilation pipeline from configuration parsing to final asset emission.
This article walks through the background, monetization considerations, and detailed implementation steps—including canvas creation, enemy and player sprites, movement, collision detection, and touch handling—required to develop a basic WeChat mini‑game, with full code snippets and resource links.
This article introduces MXFlutter, a JavaScript‑based dynamic framework that enables full‑runtime UI updates for Flutter apps on iOS, explains its architecture, code implementation, performance advantages over Dart VM, and discusses rendering optimizations, memory management, threading, and developer ergonomics.
Front‑end monitoring must capture JavaScript runtime errors, resource loading failures, unhandled promise rejections, and asynchronous request issues using window.onerror, error event listeners, unhandledrejection handlers, and fetch/XHR wrappers, while also handling framework‑specific hooks and cross‑origin script restrictions through CORS or manual try‑catch reporting.
This article explains JavaScript’s event mechanism, distinguishes macro‑ and micro‑tasks, and provides a comprehensive guide to using Promises—including their states, API methods like then, catch, finally, and utilities such as all, race, with practical code examples and common pitfalls.
This article explains the Template Method design pattern, illustrates it with real-world soup recipes, provides JavaScript code simulations for both abstract and concrete classes, compares the processes, and discusses abstract class limitations in JavaScript, offering a clear guide to implementing the pattern.
Understanding how JavaScript engines work—covering scopes, closures, and the event queue—empowers developers to debug more effectively and write more efficient code, and this guide offers a clear, beginner‑friendly overview that bridges theory and practical application.
This tutorial explores why the .reduce() method feels intimidating, demonstrates its basic usage with addition and multiplication, and then showcases five unconventional applications—including converting arrays to objects, flattening nested arrays, performing dual calculations in a single pass, merging map and filter, and sequencing asynchronous calls—while providing clear code examples and performance considerations.
Mpx 2.0 is an enhanced mini‑program framework that provides full cross‑platform support for WeChat, Alipay, Baidu, Toutiao and QQ, enabling developers to compile existing WeChat projects and native components to other platforms while offering sub‑package optimization, conditional compilation, setData efficiency and near‑zero migration effort.
Discover how a playful setTimeout‑based sorting trick leverages JavaScript’s event loop to produce correct ordering, while explaining the core concepts of synchronous vs asynchronous tasks, the execution stack, task queue, and why this method isn’t practical for large datasets.
This article explores JavaScript functions as first‑class citizens, detailing how to set default parameter values in ES5 and ES6, the impact on the arguments object, the temporary dead zone for defaults, and the usage and constraints of rest parameters with practical code examples.
This article explains why JavaScript developers often avoid bitwise operators, highlights the specific scenarios where they provide performance and code‑size benefits—such as fast integer conversion with x|0, using ~ for -1 checks, creating bit fields, and leveraging them in databases and BigInt.
This article introduces GraphQL as a query language for APIs, explains its history, shows how to define a schema and resolvers with graphql‑js, demonstrates query execution, error handling, built‑in types, and presents useful development tools such as GraphiQL and graphql‑import.
This article explains Vue.js computed properties and watchers, detailing their definitions, usage scenarios, code examples, differences, deep and immediate options, and when to prefer one over the other for reactive front‑end development.
This article explains why Safari on iOS throws “Invalid Date” for date strings like “2018‑12‑10 11:11:11”, demonstrates the incompatibility with Chrome, and provides a simple regex‑based solution to convert the format so the date parses correctly across browsers.
Learn how to enable static type checking for JavaScript in Visual Studio Code using JSDoc comments, covering configuration, type definitions, generics, type casting, and runtime safeguards to improve code reliability without a separate build step.
This article reviews the top ten programming languages, explains why learning multiple languages matters, and offers practical advice on choosing the most beneficial language for your career, covering Java, JavaScript, Python, Kotlin, Go, C#, Swift, Rust, PHP, and C/C++.
The article chronicles San, Baidu’s MVVM framework, detailing how template parsing, hotspot pre‑heating, cloneNode element creation, property‑handler caching, traversal interruption, list‑rendering shortcuts like trackBy, and numerous micro‑optimizations such as avoiding call/apply and extra loops collectively boost view creation and update performance.
This article explains React Hooks introduced in version 16.8, their backward‑compatible design, how they replace class components, and provides detailed guidance on using useState, useEffect, custom hooks, useReducer, useRef, useMemo, useCallback, and related linting rules with performance‑focused examples.
The article summarizes the latest JavaScript enhancements presented by the V8 team at Google I/O, covering massive async performance gains, new engine components like TurboFan and Orinoco, and a suite of language features such as class fields, private members, numeric separators, bigint, extended Intl APIs, top‑level await, Promise.allSettled/any, and WeakRef, illustrated with practical code examples.
RedMonk's Q1 2019 language ranking, based on GitHub and Stack Overflow data, reveals JavaScript topping the list, modest shifts among the top 20, and highlights notable moves such as TypeScript's rise and Kotlin's surge into the top‑20.
This guide walks through building an electronic business card in a WeChat Mini Program with Cloud Development, covering account setup, data CRUD, single‑ and multi‑image upload, AI‑powered OCR, custom QR‑code generation for sharing, and automated template‑message alerts when the card is viewed, demonstrating reduced backend effort.
This article reviews ten high‑performance JavaScript chart libraries—amCharts, AnyChart, Chart.js, Chartist.js, D3.js, FusionCharts, Google Charts, Highcharts, Plotly.js, and ZingChart—detailing their main features, pricing models, and where to find documentation, helping developers choose the best tool for their data‑visualisation needs.
This article explains what an Abstract Syntax Tree (AST) is, its role in JavaScript tooling such as Babel, UglifyJS, and type checking, details the lexical and syntactic analysis stages of AST generation, and demonstrates a practical Babel plugin example that modifies console output using visitors.
This article explains the fundamentals of AJAX, including its definition, the need for asynchronous communication, how form submissions work, the XMLHttpRequest object methods and properties, jQuery implementations, advantages, disadvantages, and typical application and non‑application scenarios, with complete code examples.
This article explains the concept of AJAX, why asynchronous communication is needed, how to submit forms and handle server responses using raw XMLHttpRequest and jQuery, compares GET and POST methods, and outlines the benefits, drawbacks, and suitable scenarios for AJAX in web development.
This article explains why front‑end monitoring is essential for user experience, outlines the key data types to collect, and provides practical AOP‑based implementations for route changes, JavaScript errors, performance metrics, resource failures, API calls, and reliable log reporting.
This article explains JavaScript’s single‑threaded event loop, detailing how the call stack, macro‑ and micro‑task queues, and asynchronous APIs cooperate to schedule code execution, illustrated with diagrams and a step‑by‑step example.
This guide explains the fundamentals of HTML5 Canvas, covering how to obtain the canvas and its context, draw rectangles, lines, circles, clear the canvas, and manipulate images with drawImage and clipping, all illustrated with clear examples and code snippets.
The paper presents a custom JavaScript automatic binding tool for iQIYI’s React Node Desktop framework that parses C++ headers with libclang, applies user‑written YAML rules, generates multi‑inheritance‑aware wrappers via the Mate abstraction, and abstracts engine specifics through a Node‑Addon‑API‑based common layer to support both V8 and JavaScriptCore.
The guide walks through creating a full‑stack markdown publishing system for a WeChat mini‑program using Cloud Development, detailing project initialization, defining an “article” collection, importing .md files via cloud functions, displaying lists, rendering markdown on detail pages, and debugging cloud functions without a separate backend.
This guide explains how to integrate Tencent's iHearing speech‑evaluation plugin into a WeChat mini‑program, covering plugin installation, configuration in app.json, JavaScript API usage, UI markup for word and sentence assessments, and handling of evaluation results.
This article details the practical implementation of the 360 AI speaker's landing page, covering screen‑resolution analysis, large‑image rendering choices, responsive rem‑based typography, HTML structure, CSS positioning, custom web‑font integration, and a pure‑CSS sticky‑footer solution, all built under tight time constraints.
The guide shows how to create a WeChat community mini‑program with cloud development that lets users post text and up to six images, implements home, publishing, and personal‑center pages, handles data pagination, image preview and deletion, stores posts in cloud collections, manages user authorization and avatar display, and addresses typical permission and refresh problems.
This article analyzes the challenges of reproducing external‑network bugs, outlines common failure causes, and presents a complete design for a JavaScript SDK that records environment data, AJAX calls, errors, and user actions, stores them in IndexedDB, and visualizes the timeline for efficient troubleshooting.
This article explores blockchain programming fundamentals, compares public and permissioned chains, reviews major development platforms, and evaluates the top five languages—C++, JavaScript, Python, Go, and Solidity—highlighting their strengths, weaknesses, and real‑world blockchain applications.
The article introduces Tencent’s open‑source Omi framework, a next‑generation frontend solution built on Web Components that enables developers to write code once and deploy it across desktop web, mobile H5, and various mini‑program platforms, highlighting its features, setup commands, debugging tools, and React‑to‑Omi component conversion.
This article explains what JavaScript Promises are, their immutable states, advantages and drawbacks, details the constructor, instance and static methods, provides code examples, and walks through the source implementations of resolve, reject, all, and race.
This article explains the four new ES2018 regular‑expression features—lookbehind assertions, named capturing groups, the dotAll (s) flag, and Unicode property classes—showing how they work, when to use them, and providing clear JavaScript code examples.
The guide explains how to combine WePY’s Vue‑style component model with Tencent Cloud Development—showing project initialization, cloud‑function setup, common pitfalls, and a token‑caching example—so developers can build and launch a full mini‑program in roughly 24 hours while competing for best‑practice prizes.
This article introduces React Hooks, explains how they enable state and other React features without classes, provides official resources, outlines migration advice, details supported packages, tooling integrations, testing APIs, installation methods, and summarizes the changelog and post‑alpha updates for the stable 16.8 release.
This article explains the concepts, implementations, and practical use cases of debounce and throttle in JavaScript, showing how they limit function call frequency to improve front‑end UI performance for events such as scrolling, resizing, and input handling.
This article compiles a comprehensive set of regular expressions for validating numeric values, character strings, and various special formats such as emails, URLs, phone numbers, and monetary amounts, providing developers with ready‑to‑use patterns to streamline data validation tasks.
This article introduces Nomi.js, a lightweight Node.js micro‑framework built on Koa2, explains its design goals and pain‑points it solves, outlines its key features, and provides step‑by‑step instructions with code examples for installing the CLI, initializing a project, and creating MVC‑style controllers and services.
This article explains how to create a first‑login guided tour using the intro.js plugin in a Bootstrap project, configure its options, and employ cookies to display the tour only on the user’s initial visit.
This article explains the MEAN stack—MongoDB, Express.js, AngularJS, and Node.js—detailing each component, comparing it with LAMP/LNMP, and highlighting its JavaScript‑centric, cost‑effective, open‑source advantages for modern web development.
The article examines the perceived conflict between JavaScript and CSS/UX developers, explains how community segregation and social media amplify the divide, and proposes practical steps for fostering collaboration and reducing the "JS vs CSS" war in front‑end development.
The article introduces the major ES2018 additions—including rest/spread properties, asynchronous iteration, Promise.prototype.finally, and four RegExp enhancements—explains their syntax and usage with examples, and lists Node.js versions that support each feature, helping developers adopt the latest JavaScript capabilities.
This article presents a JavaScript solution for locating the maximum element in a bitonic (first increasing then decreasing) array, explaining that the problem is a variant of binary search and providing a complete implementation using a binary‑search‑based algorithm.
This article walks through the evolution of JavaScript asynchronous patterns—from basic callbacks and their pitfalls, through Promise creation, chaining, and error handling, to the modern async/await syntax—showing how to write clear, maintainable code for real‑world API calls.
This article walks through the theory of k‑nearest‑neighbors, explains feature selection and normalization, shows how to implement the algorithm with plain JavaScript classes, visualizes results on an HTML canvas, and discusses practical limitations and extensions.
The article describes how to quickly build a lightweight WeChat Mini Program for note‑taking using Cloud Development, covering registration, cloud setup, and core code for creating, querying, and editing notes with text and images, while eliminating the need for separate servers, domains, and certificates.
The article forecasts the major technology trends for 2019, highlighting the rise of artificial intelligence, the transition beyond smartphones to wearable interfaces, global 5G deployment, the surge of progressive web apps, expanding blockchain applications, low‑code development, cloud services growth, and the continued dominance of JavaScript and modern development practices.
This article introduces Chrome DevTools console shortcuts—including $0‑$4 for element references, $ and $$ for query selectors, $_ for the last expression result, and $i for importing npm libraries—explaining their usage to streamline front‑end debugging and testing.
This article explains how Web Workers enable true multithreading in browser JavaScript, covering their API, communication methods, limitations, practical use cases, and compatibility, helping developers prevent UI blocking and improve user experience.
The article presents 19 practical recommendations for Node.js developers in 2019, covering type systems, linters, architecture, async hooks, serverless, emerging JavaScript features, API design, testing strategies, security, package management, deployment, Kubernetes, blockchain, machine learning, open‑source exploration, Linux internals, and scientific learning methods.
The article presents ARES, JD.com's cross‑platform mobile application framework comprising Engines, Websites, Studio, Store, and Console, and details its mini‑program conversion tool that bridges ARES Engines with WeChat mini‑programs through command‑line usage, AST manipulation, runtime integration, component alignment, third‑party library support, routing, animation, and conversion constraints.
HTM is a pure‑JavaScript library that implements a JSX‑like syntax without a compiler, offering sub‑kilobyte bundle sizes, seamless integration with React/Preact, ergonomic syntax enhancements, and a new Babel plugin that dramatically improves performance and flexibility for frontend developers.
This article explains how to register a website as a share target using the Web Share Target API, update the manifest file, handle incoming shared data with JavaScript, and outlines browser support, usage scenarios, and example implementations for modern front‑end development.
This article introduces the Web Share API, explaining its purpose, syntax, usage examples, browser compatibility, and best practices for integrating native sharing functionality into mobile web pages; it also covers required HTTPS conditions, user‑gesture triggers, and provides sample ES6 code snippets for developers.
This article explores how WebAssembly, compiled via Emscripten from C/C++ code, can accelerate file‑scanning tasks in a web‑based email attachment uploader, detailing the compilation pipeline, runtime communication, performance benchmarks against pure JavaScript, and practical optimizations for worker‑based processing.
This article explains why and how to use the prop-types package in React for runtime prop validation, covering installation, basic usage, required fields, shape checking, and advanced validators such as arrayOf and objectOf, helping teams catch type errors early.
Bootstrap 3.4.0 has been released after a long delay, bringing new classes, Algolia search, multiple XSS fixes, documentation improvements, upgrade instructions, and a new Open Collective funding project, while also previewing upcoming work on v4.2 and v5.
This guide demonstrates how to configure Node.js stdin for UTF-8, read incoming Chinese text, remove question particles and punctuation, replace question marks with exclamation marks, and output the transformed strings, with clear code examples and expected results.
This article explains Redux’s role in managing complex React state, covering its core concepts such as the single store, immutable state tree, actions, action creators, reducers, middleware, and integration with React via Provider and connect, illustrated with diagrams and practical examples.
This article introduces Babel as a popular JavaScript compiler, explains its origin, demonstrates basic installation and configuration, shows how arrow functions are transformed, and guides readers through creating a simple custom Babel plugin using visitors and AST manipulation.
This article reviews five widely used JavaScript HTTP request libraries—Axios, Superagent, Request, Fetch, and Supertest—detailing their advantages, drawbacks, and typical use cases to help developers choose the most suitable tool for their projects.
This tutorial demonstrates how to configure Spring MVC in a Java web project by modifying web.xml, creating DispatcherServlet, implementing controllers and DTOs, setting up JSP pages with Bootstrap, handling JSTL date formatting using custom tags for Java 8 LocalDateTime, and integrating modular JavaScript for a seckill (flash sale) application.
The Binary AST proposal introduces a three‑layer binary encoding for JavaScript abstract syntax trees, aiming to reduce parsing time by up to 90 % and improve web application startup performance, with early prototypes showing promising results and growing community interest.
This guide walks you through installing ECharts, creating a basic chart in a web page, and using the Python ECharts API, providing step‑by‑step instructions, code snippets, and visual examples for effective data visualization.
This article explains why JavaScript’s Number type suffers from floating‑point precision errors, describes the IEEE‑754 double‑precision storage format, clarifies key Number properties, shows why 0.1 + 0.2 is not exactly 0.3, and provides practical code‑based solutions.
The article examines the popularity of five open‑source programming languages—PHP, Python, JavaScript, Ruby, and Go—by evaluating their community size, typical use cases, dominant frameworks, and career prospects, helping developers choose the most suitable language for web, backend, or emerging applications.
This guide walks through using vue-awesome-swiper in Vue projects, covering version differences, required CSS imports, component setup, and key configuration options such as slidesPerView, centeredSlides, and the coverflow effect, plus progress callbacks and code snippets for dynamic flash‑sale carousels.
This article explains how to use the %c placeholder and CSS strings with console.log to create colorful, formatted debug messages that stand out in large JavaScript log outputs, boosting development efficiency.
This article explains how V8 and Node.js have optimized asynchronous JavaScript—moving from callbacks to promises to async/await—detailing performance gains, engine internals, task/microtask handling, zero‑cost async stack traces, and practical recommendations for developers.
This article outlines the React 16 roadmap, detailing the planned release schedule for Suspense code‑splitting, Hooks, Concurrent Mode, data‑fetching Suspense, and related experimental projects, while explaining their current status across React DOM, server rendering, and React Native.
Using the cloud‑development model, the author built a mini‑program that lets users publish posts with optional images, browse a list of posts, view details, and add comments, leveraging cloud functions for CRUD operations, cloud database for storage, and cloud storage for images, while noting the rapid prototyping advantage and the modest 2 GB database and 5 GB storage limits.
This article walks you through creating a lightweight Koa 2 framework by explaining its core modules—application, request, response, and context—showing how to implement the HTTP server wrapper, the onion‑style middleware composition, and robust error handling with code examples for each step.
The article discusses how type mismatches cause runtime errors in JavaScript projects, explains why static typing with TypeScript can catch these issues at compile time, and argues that rigorous type declarations are essential for building and maintaining large‑scale frontend applications.
The 2018 State of JavaScript survey, answered by over 20,000 developers worldwide, reveals current preferences in languages, frameworks, tools, testing libraries, and emerging trends such as GraphQL and React Hooks, offering valuable insights for front‑end engineers.
Based on the 2018 State of JS survey of over 20,000 developers, this article highlights the rise of ES6 and TypeScript, the dominance of React and Vue, the popularity of Redux and GraphQL, the steady use of Node frameworks, and emerging tools for testing, mobile, and desktop development.
The 2018 State of JavaScript report, based on responses from over 20,000 developers worldwide, reveals the most popular JavaScript flavors, front‑end frameworks, data‑layer tools, backend frameworks, testing libraries, and mobile/desktop runtimes, highlighting shifting preferences, satisfaction levels, and emerging technologies in the ecosystem.
This article presents five useful JavaScript techniques—using Array.includes, early returns, default parameters with destructuring, object literals or Map instead of switch, and Array.every/Array.some—to simplify and make conditional statements more readable and maintainable.
This article explains what higher‑order functions are, why JavaScript supports functional programming, demonstrates built‑in methods like map, filter and reduce with code examples, and shows how to create your own higher‑order function for clearer, more concise code.
This article explains the Virtual DOM concept, outlines a state‑driven rendering approach, implements a minimal Virtual DOM (VD) structure, creates a diff algorithm to generate patch objects, applies those patches to the real DOM, and compares its performance with full re‑rendering.
This article introduces Electron Fiddle, explains how to install and run it, and demonstrates its key features such as template creation, code sharing via GitHub Gist, Monaco editor integration, and packaging apps for Windows, macOS, and Linux.
This article explains why loading all images in a long list hurts performance, presents step‑by‑step lazy‑loading techniques—including placeholder images, scroll calculations, getBoundingClientRect, and the modern IntersectionObserver API—provides full code samples, and discusses optimization tips for smoother front‑end experiences.
The article explains why traditional image‑based log reporting can interfere with critical front‑end tasks, introduces the Beacon API as an asynchronous, low‑priority solution, and provides practical code examples and usage guidelines to ensure reliable data delivery without impacting user experience.
