This article compares four popular programming languages—JavaScript, Haskell, Go, and PHP—by outlining their key advantages such as rapid prototyping, functional features, simplicity, and ecosystem support, as well as their notable drawbacks including dynamic typing, steep learning curves, lack of generics, and quirky language behaviors.
This article explains the concept of UI tearing in React, how synchronous rendering avoids it, why concurrent rendering can introduce visual inconsistencies, and illustrates the phenomenon with diagrams and code examples for developers.
This article compares three common JavaScript techniques—truthy value checks, the in operator, and hasOwnProperty()—explaining how each works, their handling of falsy values and prototype inheritance, and providing code examples and edge‑case solutions for reliable property detection.
This article explains the roles, differences, and practical usage of Prettier and ESLint in JavaScript projects, demonstrates how to configure and run them, and connects linting to clean‑code principles and effective team workflows.
This article chronicles the development of a new web live streaming solution, detailing the shift from Flash to HTML5 video, the integration of AI voice detection using hark, audio encoding with lamejs, WebRTC-based real‑time communication, and a systematic modular refactor that transformed the project into a reusable frontend framework.
This article explains the key differences between Legacy Suspense and Concurrent Suspense in React 18, covering how sibling components are handled, ref timing outside Suspense boundaries, and the impact on rendering and effects, helping developers adapt their code for the new model.
This article explains what JavaScript Promises are, their three immutable states, typical use‑cases for handling asynchronous operations, practical syntax and examples—including then and catch methods—while also highlighting their advantages over callback hell and their inherent limitations.
This article introduces the Web Audio API, covering AudioContext, audio nodes, routing graphs, various source types, processing nodes like AnalyserNode and BiquadFilterNode, as well as spatialization with PannerNode and convolution reverb, providing code examples and practical demos for frontend developers.
This article summarizes the CovalenceConf 2019 talk on VS Code’s startup performance, detailing measurement practices, code‑size reductions, lifecycle re‑ordering, V8 code caching, requestIdleCallback usage, and perceived‑performance tricks that together shrink launch time from seconds to under one second.
This article, based on the author’s experience and Martin Fowler’s book, explains what refactoring is, why it’s essential, how to spot code smells, and provides concrete principles and JavaScript examples to improve code design, readability, and maintainability without focusing on performance.
This article walks through embedding the V8 JavaScript engine into a C++ game server, demonstrates a HelloWorld example, shows how to bind C++ classes using Puerts, and explains how to compile and embed a full Node.js runtime, with complete code snippets and a GitHub repository link.
This tutorial walks through registering a WeChat public account, configuring developer information and JS security domains, creating a PHP class to obtain the JS‑API signature, setting up PHP file configuration, and embedding the required JavaScript/HTML to enable custom share titles, descriptions, links, and images on WeChat.
This article explains the concept of danmaku (bullet comments), why they improve user experience, and provides a detailed guide on implementing a danmaku system using HTML + CSS or Canvas, including stage design, track management, collision handling, and reusable code examples.
Although JavaScript runs on a single thread, it can handle asynchronous operations through mechanisms like setTimeout, and React 18’s startTransition lets developers separate urgent UI updates from deferred work, improving responsiveness by scheduling non‑urgent tasks after urgent ones complete.
This article explains JavaScript's single‑threaded nature, the various browser threads, how the event loop coordinates synchronous and asynchronous tasks, the roles of macro‑ and micro‑task queues, and how the execution stack processes them to achieve non‑blocking behavior.
This article analyzes popular programming languages—including PHP, Java, C, C++, Python, Go, and JavaScript—to help beginners decide which language to start with in 2021, highlighting each language's strengths, job prospects, and suitability for newcomers.
This article compares JavaScript's five main iteration constructs—for, forEach, map, for...in, and for...of—examining their syntax, use‑cases, performance characteristics, and how they handle break/continue, helping developers choose the most suitable method for a given scenario.
This article examines whether JavaScript destructuring assignment saves memory or runs faster than the traditional temporary‑variable swap by analyzing the creation of a temporary array, benchmarking loop performance, and discussing observed inconsistencies that may stem from JIT optimizations.
This article explains how to link start and end dates using Layui's date picker, setting the end date's selectable range from the chosen start date up to 90 days later, with detailed JavaScript code to compute and assign dynamic min and max values.
This article explores why the native setTimeout cannot achieve a true 0 ms delay, presents a postMessage‑based zero‑timeout implementation, and compares several asynchronous JavaScript techniques—including queueMicrotask, async/await, and MessageChannel—showing their performance advantages over setTimeout.
This article explains the concepts of debounce and throttle in JavaScript, illustrates their principles and typical use cases such as button submissions, search suggestions, window resize, and drag‑and‑drop, and provides practical implementations with code examples and options for immediate execution, timestamps, and timers.
This article explains the core concepts of RxJS—including Observable, Observer, Subject, and various operators—by walking through their fundamental principles, implementation details, and practical code examples that illustrate unicast and multicast data flows in reactive JavaScript programming.
While Angular, React, and Vue dominate the JavaScript scene, this article introduces three lesser‑known frameworks—Svelte, Ember, and Preact—explaining their unique approaches, core features, and code examples to help developers expand their toolkit.
This article provides an in-depth exploration of JavaScript's Streams API, covering core concepts like readable/writable/transform streams, backpressure, and practical applications such as video processing and data compression.
This article compares five JavaScript iteration constructs—classic for, forEach, map, for...in and for...of—explaining their origins, semantics, performance characteristics, and appropriate use‑cases, while providing concrete code examples and guidance on breaking, continuing, and avoiding common pitfalls.
The article reviews recent TC39 proposals—including Private‑in, Object.hasOwn, Realms, Array.findLast, ArrayBuffer Base64, and Array.groupBy—explaining their stage progress, technical details, usage examples, and potential impact on modern JavaScript development.
This article surveys essential front‑end knowledge, covering a comprehensive JavaScript algorithm curriculum, browser‑fingerprinting privacy concerns, collaborative design platforms like Figma, the Markdown‑to‑PPT tool Slidev, and a step‑by‑step guide to implementing the SLIC pixel‑art algorithm.
This article explains Taro 3's shift from a compile‑time heavy architecture to an interpretive runtime, detailing its JSX compilation drawbacks, the new runtime design that supports multiple frameworks, the implementation of a custom React reconciler, Web Components via Stencil, and how these changes improve cross‑platform development performance and flexibility.
This tutorial walks through setting up a basic Three.js project, explaining core concepts like scene, camera, and renderer, and provides step‑by‑step HTML and JavaScript code to display a simple axis helper and a wireframe sphere in the browser.
This article explains from a frontend perspective how JavaScript and native code communicate in hybrid apps, covering injection and interception bridge methods, their implementation details, SDK initialization, message flow, and native event listening with code examples and compatibility considerations.
Chrome 92, released on July 20, 2021, introduces 14 updates including the handy Array.prototype.at() method, the secure crypto.randomUUID() API, support for Display‑P3 color space in 2D canvas, and a manufacturer‑data filter for Web Bluetooth, while also upgrading the V8 engine to version 9.2.
This tutorial walks through creating a Chrome extension from scratch, setting up a Node.js WebSocket server with Express and Socket.IO, and wiring the extension’s background, content‑script, and popup scripts together so they can exchange messages and automate browser actions.
This article outlines a practical approach for implementing high‑performance large file HTTP uploads with breakpoint resume, covering server‑side C implementation, client‑side hash generation, progress tracking, chunked uploads using HTML5 File.slice, and detailed JavaScript code examples for robust file transfer.
Node.js 16.5.0 introduces an experimental Web Streams API, updates core modules like fs, upgrades npm to 7.19.1, and adds numerous build improvements for better performance, scalability, and compatibility across platforms.
The article introduces the Vue v‑timely‑validate directive, explains how it shifts form validation from blur to change for faster error clearance, outlines form structure, validation principles, usage steps, and provides complete code examples for seamless integration into i‑form components.
This article surveys the most interesting ECMAScript proposals—ranging from new data structures like Record & Tuple to syntax enhancements such as the pipeline operator—explaining their purpose, current stage, and practical examples, while also covering the TC39 process and related background for front‑end developers.
This article explains the core concepts of RxJS—including Observable, Observer, Subject, and various operators—by walking through their definitions, basic usage, static creation methods, and detailed implementation with JavaScript code examples, while comparing unicast and multicast behaviors.
This guide explains the roles of import and export in ES modules, demonstrates static and dynamic import syntax with code examples, and advises when to use dynamic imports for large modules in modern browsers and Node.js.
This article explains how to share UI modules via NPM packages and Module Federation, compares traditional iframe approaches, dives into low‑level and high‑level concepts, demonstrates practical webpack configurations, version‑selection strategies, and runtime loading mechanisms with detailed code examples.
This article traces the ten‑year evolution from Emscripten’s early C++‑to‑JavaScript compiler through asm.js to modern WebAssembly, highlighting key milestones, technical challenges, performance optimizations, and real‑world applications such as games, AutoCAD, and Google Meet, while providing code examples and installation steps.
This article explains how to build a Chrome extension that monitors TAPD bug and task status changes and automatically sends notifications to a DingTalk group via a webhook, reducing average resolution time from 4.8 to 2.9 hours and improving testing efficiency.
This guide walks through embedding an OpenLayers HTML page that visualizes vehicle navigation with image rotation into an Android app using WebView, configuring the view to enable JavaScript execution and pinch‑to‑zoom, and provides complete layout and Java code snippets.
This guide shows how to configure permissions, enable cleartext traffic, create a JS page, import the fetch module, and use fetch.fetch in the onInit lifecycle to retrieve JSON data from an external API and display it in a HarmonyOS UI.
This article introduces OpenCV.js, explains its basic concepts and demonstrates a complete workflow for detecting and correcting paper images in the browser using JavaScript, including matrix handling, resizing, filtering, edge detection, contour analysis, perspective transformation, and discusses challenges such as noise and incomplete edges.
This article explains a four‑level methodology for choosing JavaScript‑based machine‑learning tools, demonstrates practical code examples ranging from NLP with nlp.js to deep‑learning with TensorFlow.js, traditional ML with mljs, and statistical computing with stdlib, and shows how to run them entirely in the browser.
This article explains how to add a Gitalk-based comment feature to a Docsify‑generated documentation site, covering Gitalk fundamentals, GitHub OAuth app setup, integration steps, custom JavaScript tweaks for URL handling, common pitfalls, and a detailed appendix of configuration parameters.
This article reviews the most suitable programming languages for web development, comparing JavaScript, Python, PHP, Java, and Ruby, and explains why each language is favored for different aspects of building modern web applications.
This article explains the async/await syntax, compares it with traditional Promise chains, and outlines six practical advantages—including conciseness, unified error handling, clearer conditional logic, easier intermediate value handling, better stack traces, and simpler debugging—illustrated with real JavaScript code examples.
This guide shows how to import the HarmonyOS storage module, use its get and set methods, and integrate them into a todo‑list app’s lifecycle so that tasks are saved across sessions, with full code examples and screenshots of the result.
This tutorial walks through creating a full-featured Todo List app in HarmonyOS, covering page navigation, HML layout, data binding with for-loops, switch components, computed properties, event handling in JavaScript, and the accompanying CSS styling.
This article demonstrates three Vue decorators that use async/await to transparently manage component initialization status, add debounce and loading indicators to button clicks, and control the visibility of the component before the mounted hook finishes, with full TypeScript examples.
This article explains how to use Webpack's code splitting techniques—including multiple entry points, the SplitChunksPlugin, dynamic imports, and magic comments—to break large bundles into smaller chunks, reduce duplicate dependencies, and improve loading performance in modern frontend applications.
This article explains what an Abstract Syntax Tree (AST) is, demonstrates how JavaScript code is transformed into an AST, describes the tokenization and parsing steps used by PostCSS to generate a CSS AST, and shows how plugin mechanisms like AutoPrefixer can extend the toolchain.
This article explains what JSBridge is, details its implementation using URL interception and iframe tricks, and walks through the full communication flow between a WebView and native code on iOS, including code examples for registration, message handling, and callbacks.
The article proposes a unified cross‑platform front‑end API specification and SDK that abstracts differences among WebView, mini‑programs, React Native, Flutter, and other containers, consolidating 55+ APIs for 30+ apps, reducing duplicated code, maintenance, and testing while enabling extensible, reusable functionality across Alibaba’s ecosystem.
This article explains the complete lifecycle of JavaScript execution in the V8 engine, covering language fundamentals, AST generation, bytecode compilation, interpretation, just‑in‑time optimization, hidden classes, inline caches, and other performance strategies used by both browsers and Node.js.
This article compares the tree‑shaking mechanisms of Rollup and Webpack, explains the three stages Webpack uses (UglifyJS, BabelMinify, Terser), details side‑effects handling, configuration tips, and performance benchmarks, providing practical guidance for optimizing bundle size in modern JavaScript projects.
After creating a Hello World app with JavaScript on HarmonyOS, this guide details the project’s directory layout, configuration files, lifecycle hooks, path conventions, and demonstrates how to load i18n resources and render a data list with concrete code examples.
This guide explains how Zabbix 4.4+ lets you use custom JavaScript in webhook media types to send alert notifications, details the built‑in Zabbix objects, shows configuration steps, data validation, logging rules, and provides a complete DingTalk webhook script with testing instructions.
This article explains why React Hooks were introduced, walks through the fundamentals of useState and useEffect with clear code examples, and demonstrates how Hooks simplify state management, side‑effects, and component logic compared to traditional class components, enabling more maintainable frontend development.
This article reviews Google’s CSS fundamentals course, dives into React 18’s automatic batching, the new Suspense SSR architecture, the startTransition API, suggests a lightweight VS Code API client, and explains the basics of building user profiles for recommendation systems.
The article explains how to design and implement ESLint and StyleLint plugins for the San‑Native framework, detailing AST generation, processor creation, rule definitions for JavaScript and CSS, configuration sharing, and how these tools provide real‑time linting feedback for developers.
This article explains practical JavaScript naming conventions—covering camelCase, constant capitalization, acronym handling, meaningful and expressive names, verb consistency, boolean naming, and class naming—while providing numerous code examples to illustrate good and bad practices for clearer, maintainable code.
This article reviews the 2021 top five frontend JavaScript frameworks—React, Vue, Angular, Ember, and Preact—based on Stack Overflow surveys, State of JS, and NPM trends, explaining their origins, features, and adoption by major companies.
This article chronicles the ten‑year evolution from Emscripten’s C++‑to‑JavaScript compiler through asm.js to the modern WebAssembly standard, highlighting key milestones, performance challenges, and real‑world applications that have reshaped what browsers can achieve.
This article dissects Node.js Readable streams, explaining their initialization, internal state management, the distinction between flowing and paused modes, and how back‑pressure is handled, all illustrated with real source‑code examples and diagrams.
This article explains how Webpack loaders work, outlines development guidelines, demonstrates synchronous, asynchronous, raw, and pitching loaders with code examples, and then guides you through creating and configuring custom plugins, covering hooks, async handling, and a practical build‑info plugin.
This article explains how React synthetic events emulate native DOM events, details the event system architecture, provides core registration and execution code, demonstrates mixing with native events, and discusses the benefits and known issues of the synthetic event model.
This step‑by‑step tutorial shows how to create a dark‑mode toggle for a web page using HTML structure, CSS styling (including dark‑mode rules), and a small JavaScript script that adds or removes the dark class on user interaction.
This article explains the complete workflow for implementing SourceMap‑based exception monitoring across web and cross‑platform systems, covering transformer, bundler, minifier, runtime support, log collection, error deobfuscation, and the limitations of SourceMap in debugging and performance contexts.
The Node.js 14.17.1 LTS release introduces updated ICU to version 69.1, aligns source‑map stack traces, refactors several core modules for safety, improves benchmark performance, and fixes numerous build and runtime issues, providing a more stable and efficient JavaScript runtime for server‑side applications.
This article explores the historical reasons behind JavaScript's event loop, explains the task and microtask queues, compares browser and Node.js implementations, and provides concrete code examples to illustrate how tasks are scheduled and executed across environments.
This article explains Vue’s reactive system, compares Vue 2.6’s Object.defineProperty approach with Vue 3’s Proxy implementation, details how observers are defined, collected, and triggered, and shows why the asynchronous update queue improves performance and maintainability.
This article explains the evolution of JavaScript asynchronous programming, details the Promise/A+ specification, provides step‑by‑step custom Promise implementations with full code examples, covers additional Promise methods, and offers interview questions and best‑practice tips for frontend developers.
This article explains functional programming as a paradigm focused on pure functions and data‑to‑data mapping, contrasts it with imperative programming, introduces lambda calculus, pure functions, higher‑order functions, functors, monads, and provides JavaScript examples that show how to write composable, side‑effect‑free code for front‑end development.
This article explains the background, basic concepts, workflow, configuration, server‑client communication, runtime mechanics, and manual implementation of Hot Module Replacement (HMR) in Webpack, helping developers preserve application state while developing with live updates.
This guide compiles a comprehensive collection of regular expressions for validating numeric formats, character sets, special inputs like emails and URLs, as well as IP addresses, dates, and other common data patterns, providing clear examples and explanations for developers.
This article compares five widely used programming languages—JavaScript, Haskell, Go, PHP, and Elixir—by outlining each language’s major advantages such as rapid prototyping, strong type systems, performance, and ecosystem support, as well as notable drawbacks including dynamic typing quirks, steep learning curves, and limited language features.
This article explains the background, concepts, workflow, and hands‑on setup of Webpack’s Hot Module Replacement (HMR), detailing server‑client communication, runtime mechanics, and how to manually implement module hot‑updates without a framework, complete with code examples and configuration tips.
This guide shows how to create a simple HTML page with a button that copies paragraph text to the system clipboard using the modern Clipboard API, including full code examples and explanations for both copy and cut operations.
This tutorial walks you through creating a multi‑platform “Merge Big Watermelon” mini‑game using Cocos Creator, covering game rules, engine architecture, project structure, component‑based scripting, physics and collision handling, asset management, build configuration, and publishing to various platforms.
This article explains why browsers enforce a minimum 4 ms delay for nested setTimeout calls, demonstrates how to bypass it using window.postMessage to create a true zero‑delay timer, and compares the performance of both approaches with detailed experiments and visualizations.
This article explains the concept of a virtual tree, why it is needed for rendering massive data sets, and provides a step‑by‑step implementation—including flattening the tree, calculating visible nodes, simulating scroll, and decorating the list—demonstrating a speedup from 26 seconds to 0.19 seconds.
This article explains the design, configuration, and usage of the JD Logistics gateway frontend plugin built on Axios, detailing how it enables zero‑cost integration across multiple environments and account types while providing extensible request/response handling and customizable login redirects.
This article reviews the most recent TC39 proposals—including Realms, RegExp match indices, top‑level await, accessible hasOwnProperty, resizable ArrayBuffers, Intl.DisplayNames V2, extended time‑zone names, and RegExp set notation—explaining their key changes, current stage status, and practical code examples for developers.
This article explains the concept of unit testing, introduces the Jest framework and its configuration, demonstrates common APIs, matchers, asynchronous testing, mocking, coverage reporting, and shows how to test React components using React Testing Library with practical code examples.
This article walks through the complete refactoring of a JavaScript Caesar cipher implementation, explaining the cipher basics, the importance of clean code, and eight incremental refactoring steps that replace magic numbers, extract duplicated logic, simplify conditionals, and improve naming for maintainable, readable code.
This article chronicles the evolution of a web‑based live‑streaming platform from its initial Web 1.0 prototype through successive versions, detailing AI speech detection, RTC integration, extensive refactoring, and the resulting framework that proves web technologies can effectively support live‑streaming scenarios.
This article explains the historical concept of activation objects in ECMAScript 1/3, why they disappeared after ES5 in favor of lexical environments, how the idea persists as a generalized abstraction similar to stack frames, and how it relates to closures.
This article explains how top‑level await, introduced in V8 from version 9.1 and enabled by default in modern browsers, allows developers to use await directly at a module’s top level, simplifying asynchronous code patterns with examples, execution order details, and practical use cases.
This article explores when plugins are truly necessary, outlines design principles and SOLID guidelines for building robust plugin architectures, demonstrates a step‑by‑step implementation of a calculator plugin system, and examines JavaScript and CSS sandboxing techniques to ensure plugin security in web applications.
This article examines the puzzling condition if(a==1 && a==12) and demonstrates how JavaScript and Java can be coaxed to satisfy it using clever language tricks such as property getters, reflection, and cache manipulation, revealing deeper insights into language internals.
This article explains essential clean‑code techniques for naming variables in JavaScript/TypeScript, covering self‑descriptive, pronounceable identifiers, avoiding type prefixes, using consistent terminology, eliminating unnecessary context, and replacing magic numbers and strings with meaningful constants.
Vue.nextTick schedules callbacks using a graceful‑degradation chain (Promise, MutationObserver, setImmediate, setTimeout) that leverages the JavaScript event‑loop’s micro‑task queue, ensuring DOM mutations are applied instantly but rendered after microtasks and before macrotasks, while the browser’s multi‑threaded architecture coordinates rendering, timers, and network work.
This article describes how to integrate and extend the open‑source HanziWriter library for Android, iOS and web, extracting TrueType glyph data, segmenting strokes with corner detection and neural‑network scoring, generating stroke medians via Voronoi diagrams, and determining correct stroke order using a Hungarian‑algorithm match.
This article explains the fundamentals and implementation details of Rollup's tree‑shaking feature, showing how unused JavaScript code is identified and removed through static ES6 module analysis, with practical code examples and visual demonstrations of variable, function, and class elimination.
Google’s new Sparkplug compiler for the V8 engine, introduced in Chrome 91, claims to cut CPU usage by the equivalent of 17 years per day and deliver a 23% speed boost, promising faster web experiences for all Chromium‑based browsers.
This article reviews common web animation techniques for mobile projects—including GIF/APNG, CSS3, JavaScript, Lottie, SVG, and Canvas—offering practical tips, performance considerations, Vue and React implementations, and reusable code patterns to help developers confidently meet designers' animation requirements.
This guide explains how to implement QQ login using the official OAuth2.0 flow, covering developer registration, creating a website application, obtaining the authorization code, access token, and OpenID, and finally calling the get_user_info API to retrieve user details.
iMove, a reusable, function‑oriented JavaScript library, adds right‑click online code execution to its visual workflow, eliminating installation, simplifying testing with mock inputs, handling ES module imports via native browser support, CDN transforms, dynamic imports, and custom events to deliver instant, visual results.
