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.
This article explains how to use the new Picture-in-Picture Web API to enable floating video playback on web pages, covering setup of video and button elements, request handling, error management, event listeners, window‑size tracking, feature detection, and best‑practice UI considerations.
Learn how to create reusable, encapsulated UI components using Web Components by building a simple counter element with Custom Elements, Templates, Shadow DOM, properties, events, and attributes, and see how to integrate it into any framework, handle data binding, and dispatch custom events.
The article details a production‑ready Hybrid app bridge built with a custom bridge.js that enables bidirectional communication between Native code and H5 pages, outlines its four‑step nativeCall flow, Android compatibility tricks, protocol categories, event hub, proxy requests, and a suite of reusable functional APIs.
The article explains how to use a custom URL schema together with a WebSocket channel to let a web page detect whether a mobile app is installed, attempt to launch it, and fall back to downloading the app when the launch fails, including practical blur‑event tricks.
This article introduces the most frequently used encryption techniques in frontend development—including Base64 encoding, hash functions, salting, slow hash algorithms, key‑hashing, XOR, symmetric and asymmetric encryption, digital signatures, and practical CryptoJS usage—explaining their principles, appropriate scenarios, and providing ready‑to‑use code examples.
On October 23, React 16.6.0 was released, introducing React.memo for function components, React.lazy with Suspense for code‑splitting, a simpler static contextType API, new error‑boundary methods, and deprecations in StrictMode, along with installation instructions and a detailed changelog.
This guide explains how to calculate viewport dimensions for different operating systems and browsers, use CSS viewport units and media queries to create a single-page design that adapts smoothly across desktop and mobile screens, and provides Sass functions and JavaScript logic for robust implementation.
This article explains the differences between macrotasks and microtasks in the JavaScript event loop, shows how they affect Promise execution, provides practical code examples, and discusses how frameworks like Vue implement task scheduling, helping developers avoid dead‑loops and improve performance.
This article explains how JavaScript reference equality for objects and functions affects React's shallow prop and state comparison, shows common pitfalls that cause needless re‑renders, and provides practical techniques—such as defining functions outside components and caching event listeners—to dramatically improve rendering performance.
This article explains how Lighthouse can measure JavaScript execution time, reveal unused code through coverage, and offers practical steps—such as sending only needed scripts, minifying, and removing dead code—to reduce JavaScript overhead and improve user experience on web pages.
This article examines why console.log may produce surprising results in different Chrome DevTools states, explains the underlying asynchronous I/O handling, and offers practical debugging advice for developers working with JavaScript in the browser.
JavaScript’s NaN represents undefined numeric results, appears when operations like Math.sqrt(-1) occur, has multiple binary forms, and is distinguished as Quiet or Signaling; because NaN !== NaN, comparisons rely on special checks such as isnan, with implementations varying across environments like V8 and Apple’s C library.
This article provides a comprehensive guide to using Jest for front‑end unit testing, covering the lack of tests, benefits, installation, basic assertions, matchers, asynchronous testing, lifecycle hooks, mock functions, module mocking, snapshot testing, and best practices to improve code quality and development efficiency.
V8 7.0, released on October 15, introduces memory‑saving Embedded built‑ins across platforms, preview support for WebAssembly threads via chrome://flags, new JavaScript features such as Symbol.prototype.description and a stable Array.prototype.sort using TimSort, plus API changes accessible through git logs and checkout commands.
This article introduces the "wave fluctuation equal distribution" algorithm that splits a value into N parts within a bounded range with random variation, explains its characteristics, and provides two JavaScript implementations—an exhaustive enumeration method and a fast random allocation method—along with performance analysis and validation techniques.
This article provides a comprehensive walkthrough of React‑Router's internal architecture, detailing the implementation of key components such as Router, Route, Switch, Redirect, Prompt, Link, and withRouter, while explaining how history, matchPath, and path‑to‑regexp work together to enable client‑side routing in modern React applications.
This article explains how Mozilla optimized the Firefox engine to dramatically speed up function calls between JavaScript and WebAssembly by reducing bookkeeping, eliminating trampolines, merging activations, applying monomorphic call optimizations, and improving built‑in function handling, resulting in call performance that now exceeds native JavaScript‑to‑JavaScript calls.
The article explains the Virtual DOM as a lightweight JavaScript object with tag, props, and children, shows how JSX compiles to VD using a custom pragma, provides helper functions to create real DOM from VD, and outlines how batching updates reduces reflows, previewing a future diff algorithm.
This article compiles a series of practical solutions for frequent WeChat mini‑program challenges, covering iOS date parsing, live‑stream message throttling, storage sharing, navigation depth limits, floating‑point precision, QR‑code scene length, image preloading, and server‑client time synchronization, with code snippets and explanations.
The article examines WebAssembly as an emerging web development paradigm that offers a compiled, language‑agnostic alternative to JavaScript, discusses its integration with .NET via Mono and Blazor, compares tooling like NuGet to npm/WebPack, and highlights both the benefits and the continued need for JavaScript in modern web applications.
This tutorial walks you through creating a fully functional progressive web app (PWA) game using Preact, covering functional requirements, UI design, routing, component implementation, game logic, offline support, and deployment in a clear, step‑by‑step manner.
The article explains that compiling experimental JavaScript features like JSX or class properties inside node_modules tightly couples libraries to build tools, leading to breaking changes, coordination overhead, and prolonged upgrade pain, which is why Create React App avoids such compilation.
The article explains how Node.js now supports native V8 code‑coverage via the NODE_V8_COVERAGE environment variable, describes the limitations of traditional tools like Istanbul, outlines the benefits and challenges of using V8’s built‑in coverage, and provides practical steps and tools (c8, v8-to-istanbul) to generate readable coverage reports.
This article explains how JavaScript’s single‑threaded model achieves asynchronous behavior through macro‑tasks and micro‑tasks, compares the browser and Node.js event‑loop implementations, and demonstrates the timing differences between setTimeout, setImmediate, and process.nextTick with practical code examples.
This article explains ES6 JavaScript generators, covering their syntax, how they differ from regular iterators, the role of the yield keyword, available generator methods, and practical examples such as custom generators, random number streams, throttling, Fibonacci sequences, and integrating generators with HTML to simplify iterative tasks.
