This guide introduces WebXR’s 3DoF/6DoF concepts, walks through building a basic A‑Frame scene, then shows how to add Mind‑AR face‑tracking with WebAssembly, WebGL2/WebGPU and event listeners, and even wraps it in a React component, outlining the three core steps for creating performant web‑based AR experiences.
This article explains the four JavaScript this‑binding rules—default, implicit, explicit (call/apply/bind), and new—illustrates each with code examples, compares their precedence, and shows how arrow functions affect this binding in modern ES6 code.
This article traces the history of the JavaScript trademark—from its creation by Netscape and Sun, through Oracle’s acquisition, to Ryan Dahl’s 2022 open letter urging its release, highlighting the confusion with Java and the rise of ECMAScript as a neutral name.
This article walks through the design and implementation of a lightweight Mocha-like test framework for Node.js, covering automated testing concepts, core functions, asynchronous support, suite‑test tree construction, result collection, and verification with code examples and diagrams.
Vite improves dev‑server startup and runtime speed by scanning every project HTML file (excluding node_modules) with an esbuild plugin that traverses the module graph, classifies JavaScript, assets, bare imports and framework files, creates virtual modules, and records each bare import’s actual path for pre‑bundling.
Bun is a modern JavaScript runtime built on WebKit’s JavaScriptCore instead of V8, backed by $7 million funding, and its creators aim to release a stable version within six months, positioning it as a potential alternative to Node and Deno.
Chrome 105 introduces 25 new web‑development features—including a blocking=rendering attribute for scripts and styles, the :has() selector, onbeforeinput event, 125 Hz timer alignment, CSS :modal pseudo‑class, restrictions on the default identifier, container queries, enhanced scroll and fetch APIs, and experimental gesture‑scroll DOM events.
This tutorial explains how to create a functional analog clock using only HTML, CSS, and a small amount of JavaScript by leveraging CSS keyframe animations, animation‑delay (including negative values), and basic layout techniques such as border‑radius, box‑shadow, and absolute positioning.
Subtoken‑TranX, a joint effort by Alibaba’s DaTaobao team and Peking University, converts natural‑language requirements into JavaScript by training on a curated 2,489‑pair dataset, using subtoken‑level AST generation and task‑augmented variable semantics, achieving superior accuracy over standard TranX and Transformer models and now powering Alibaba’s BizCook front‑end production platform.
The jQuery 3.6.1 maintenance update introduces infrastructure improvements, a focus‑related bug fix, significant performance gains for jQuery.trim, and removes outdated links, while also preparing the library for native String#trim support in older browsers.
This article explains the fundamentals of D3.js force-directed graph layouts, covering the underlying physics-inspired algorithms, node initialization, quad-tree collision detection, Barnes-Hut optimization, link forces, and simulation steps, and provides practical code examples and tips for handling common rendering issues.
This article explains why front‑end state management is essential, walks through the flux‑based san‑store architecture, demonstrates core usage and code patterns, and details how san‑devtools implements time‑travel debugging by logging state snapshots, computing diffs, and replaying them to restore previous UI states.
The article explains how to enforce a custom length limit in JavaScript input fields that counts English letters and numbers as half a unit, Chinese characters as one unit, and each emoji as one unit, using Unicode code‑point detection, regex extraction, and automatic truncation to prevent overflow.
This article surveys twenty data‑visualization tools—covering entry‑level options like Excel, online JavaScript libraries such as D3 and Google Chart API, interactive GUI utilities, map frameworks, advanced desktop environments, and expert‑grade platforms like R, Weka and Gephi—highlighting their key features, formats supported and typical use cases.
This article explains how to use SVG path commands and JavaScript to draw and animate Bézier curves for a fluid drag‑slider UI, covering background, curve theory, implementation steps, stroke‑dash techniques, offset‑path alternatives, and SMIL animation for interactive effects.
React’s useReducer hook, introduced in version 16.8, lets a component manage complex state by supplying a reducer function and an initial value, returning [state, dispatch] where dispatch triggers actions; it supports lazy initialization, centralizes updates, works with useContext for shared state, and is preferable to useState for non‑trivial logic but less suited than full Redux for large‑scale state needs.
TypeScript 4.8 enters its release‑candidate phase with a scheduled stable launch in late August, introducing a new server preference for import exclusions and stricter object‑comparison checks that flag previously silent bugs, while Google reports minimal impact on its codebase.
This article provides a thorough tutorial on regular expressions, covering their history, fundamental concepts like quantifiers and character classes, debugging tools, advanced techniques such as lazy versus greedy matching and assertions, JavaScript RegExp methods, compatibility considerations, and practical code examples for common validation patterns.
This article explains why JavaScript's string length property returns unexpected values for Unicode characters like emojis, explores UTF‑16 encoding rules, and demonstrates modern ES6 techniques—including for‑of loops, spread syntax, and the \u{…} and /u regex flags—to correctly handle Unicode strings.
Douglas Crockford, the creator of JSON, argues that JavaScript has become a barrier to progress and should be retired, highlighting the language’s history, its growing complexity, and proposing alternatives like TypeScript, WebAssembly, Dart, and the secure distributed language E as potential successors.
The article examines JavaScript's dominant popularity, Douglas Crockford's claim that the language has become a development obstacle, explores the reasons behind its success, reviews its historical evolution, and discusses potential successors, offering a balanced view of JavaScript's future in web development.
When generating large IDs using Snowflake-like algorithms, Java's 64‑bit long values exceed JavaScript's safe integer range, causing display errors; the article explains how to resolve this by serializing Long values as strings in Spring Boot using Jackson's ToStringSerializer, both via configuration and annotations.
This article explains how ByteDance measures website performance, describing key front‑end metrics such as FP, FCP, LCP, TTI, TBT, FID, and MPFID, the APIs used to collect them, and how to evaluate overall site health and guide targeted optimizations.
Differentiable programming augments traditional code with automatic differentiation, enabling gradient‑descent optimization of scientific and UI functions; the article surveys its theory, demonstrates fitting a damping curve via logistic and polynomial models in Julia, Swift, and TensorFlow, and discusses trade‑offs between analytical interpretability and neural‑network flexibility.
This collection highlights recent technical articles covering JavaScript engine memory management, building a Web3 decentralized app, Vue 3 compilation improvements, DNS query mechanisms, creating a custom JavaScript runtime, software engineering insights, singleton design pattern, low‑code remote component loading, advanced TypeScript types, and React security best practices.
This article explains why JavaScript error monitoring is essential for web stability, describes techniques for capturing global errors, unhandled promise rejections, and user interaction context, and outlines advanced practices such as source‑map de‑obfuscation, error aggregation, and automated blame assignment to streamline debugging.
This article explains how the V8 JavaScript engine manages memory through stack and heap allocation, describes its generational garbage‑collection architecture—including New Space, Old Space, and various GC algorithms—and offers practical optimization techniques to reduce pause times and improve performance.
This article provides a detailed question‑and‑answer overview of ES6, covering its definition, differences from ES5/ES2015, Babel, let, string/array/number/Object enhancements, new data structures like Symbol, Set, Map, Proxy, Reflect, Promise, Iterator, generators, async/await, classes, modules, and practical coding recommendations for modern front‑end development.
Analyzing over 7 million developer job postings from October 2021 to July 2022, the study ranks the eight most in‑demand programming languages, detailing monthly trends, share percentages, and the overall dominance of JavaScript/TypeScript in the market.
Xterm.js is a TypeScript‑based front‑end terminal component that provides fast, GPU‑accelerated, Unicode‑rich, self‑contained terminal emulation for web applications, with detailed installation steps, ES6 imports, plugin architecture, browser and Node.js support, and extensive real‑world usage examples.
This article presents a step‑by‑step tutorial on creating a drag‑and‑drop captcha, covering the project repository, visual examples, underlying logic, PHP and JavaScript APIs, installation via Composer, and a link to the original detailed guide.
This article presents a curated collection of npm libraries frequently used in Vue3 and Vite3 source code, offering developers ready‑to‑use tools for terminal styling, CLI interaction, argument parsing, file handling, debugging, environment management, bundling, testing, and more.
This tutorial walks you through configuring scene assets, creating player, star, and game controller scripts, adding movement, jump, scoring, failure detection, and audio effects in Cocos Creator, providing complete code snippets and editor instructions to build a functional 2D platformer.
The article introduces Vite 3.0's refreshed documentation, new template themes, CLI visual improvements, changed default port, rewritten import.meta.glob API, smaller bundle size, ESBuild minification, bug fixes, Node 14.18+ compatibility, and a yearly release commitment, emphasizing the need for developers to stay current.
This article explains how JavaScript’s type coercion rules allow the construction of any code using only six characters—[]()!+—by demonstrating conversions for booleans, numbers, letters, special symbols, and finally assembling arbitrary executable code via the Function constructor, with examples and a link to the online converter.
This article explains Kraken’s three‑layer event channel, detailing how event registration on the JS side is translated into Flutter commands, how those commands travel through the C++ engine, and how pointer events are finally dispatched back to JavaScript callbacks.
This tutorial demonstrates how to create a functional analog clock using only HTML, CSS keyframe animations, and a small JavaScript snippet that sets negative animation‑delay values so the clock starts synchronized with the current time.
This article presents a curated list of twenty practical JavaScript hacks—including array initialization, sorting, logical operators, spread/rest, optional chaining, and more—demonstrating how modern ES6+ features can reduce code size, boost performance, and simplify common programming tasks.
This article presents thirteen practical JavaScript techniques—from consolidating if statements and simplifying ternary logic to using spread operators and template strings—that help developers write cleaner, more efficient code while reducing redundancy and improving readability.
This article introduces several practical front-end file‑handling utility libraries, presents a diagram of six plugin categories, and provides a link to the original source where detailed descriptions and download links for each tool can be found.
This article explains how to circumvent WeChat's ban on JavaScript interpreters in mini‑programs by compiling JavaScript to a compact bytecode, embedding the bytecode in an image's alpha channel, and executing it with a lightweight custom virtual machine, while also discussing why such hot‑updates cannot be fundamentally blocked.
This newsletter curates recent technical insights covering the high‑performance Bun JavaScript runtime, ESM Loader Hooks for module processing without bundlers, deep dives into Canvas and CSS graphics, practical guides on unit testing, serverless deployment, and advanced JavaScript features like Proxy and Reflect, offering developers a comprehensive overview of modern frontend engineering trends.
A real‑world story shows how an overlooked undefined value in a JSON payload caused a front‑end bug that nearly cost a developer his year‑end bonus, and explains the quirks of JSON.stringify together with practical fixes and a custom implementation.
This article compiles 29 essential Vue interview questions covering Vue 3 design goals, performance optimizations, component structure, Vuex architecture, routing techniques, Composition vs Options API, and common pitfalls, providing a comprehensive study guide for frontend developers preparing for technical interviews.
The article walks through building a simple JavaScript HTML parser by explaining browser parsing basics, using regular expressions to detect tags, managing a stack to match opening and closing elements, creating element and text node objects, and outlining code snippets while noting omitted features like script and style handling.
Bun, a modern JavaScript runtime built on WebKit's JavaScriptCore, offers faster execution, built‑in Web APIs, TypeScript support, bundling, and npm compatibility, positioning itself as a high‑performance alternative to Node and Deno for server, edge, and local development.
This article introduces NanoID as a modern alternative to UUID, explains how to install and use it in JavaScript projects, compares performance, size, and security, discusses customization options and limitations, and suggests when to prefer NanoID for future development.
This guide explains how to enable Windows cmd/PowerShell support, directory upload/download commands, and drag‑and‑drop file or folder uploading in a web page using trzsz/trzsz‑go, including the required server setup and a JavaScript code example.
This article explains the fundamental differences between JavaScript's for loop and forEach method, covering their syntax, behavior, performance characteristics, iterator concepts, usage scenarios, and practical code examples for array traversal and manipulation.
This comprehensive frontend development digest explores the evolution of JavaScript frameworks, introduces WebAuth for secure authentication, details browser rendering principles and performance optimization, examines ES2022 features and Module Federation, and provides practical insights into web image handling and live streaming protocols.
This roundup presents a curated list of recent frontend development articles covering Babel 7.18 upgrade issues, TypeScript migration strategies, monitoring system design, JavaScript security techniques, ES2022 features, React Native Skia integration, GraphQL BFF practices, and thoughts on software complexity.
This guide explains how to use the modern Wake Lock Web API in JavaScript to prevent a mobile screen from sleeping, covering feature detection, requesting and releasing the lock, handling release events, and automatically reacquiring the lock when the page becomes visible again.
This article compiles a curated list of popular backend development frameworks across various programming languages, detailing each framework’s key features, advantages, and typical use cases to help developers choose the right tool for modern web applications.
This article explains how to customize Metro bundler to support dynamic imports in React Native, detailing a split‑and‑combine build process that isolates async modules, deduplicates code, and loads bundles on demand, thereby shrinking app size and avoiding the drawbacks of multi‑business package architectures.
This article highlights recent JavaScript enhancements, including class member additions, private property checks with the in operator, top-level await, the error.cause property, the new .at() method for strings, arrays and array‑like objects, regex match indices, and the safer Object.hasOwn() utility for own‑property verification.
This curated list presents eleven essential frontend development articles covering VS Code debugging, React component library maintenance, web application evolution, monorepo task orchestration, Ant Design table export, testing strategies, low‑code rendering, browser observers, React Server Components, modern ES features, and effective test planning.
A real‑world story shows how a developer’s incorrect use of JSON.stringify caused a missing form field, broke a page, and nearly cost a year‑end bonus, followed by a detailed explanation of JSON.stringify’s quirks and a robust fix to prevent the issue.
This roundup covers techniques to slash JavaScript bloat, AI‑driven code generation, the latest ECMAScript 2022 features, a Node‑based Git tutorial, a hands‑on Vue 3 reactivity implementation, cloud‑native database practices, design system fundamentals, grid layout insights, and why front‑end development keeps accelerating.
NanoID, a modern alternative to UUID, offers significantly smaller IDs, up to 60% faster generation, stronger security via crypto APIs, customizable alphabets, and broad language support, making it a compelling choice for developers seeking efficient, compact, and secure unique identifiers across various platforms.
This article reviews recent TC39 proposals—including findLast, Symbol-as-WeakMap keys, JSON.parse source text access, String.dedent, RegExp modifiers, atomic operators, and faster Promise adoption—explaining their stage progress, technical details, and practical code examples for modern JavaScript development.
The article dissects VS Code’s JavaScript Debugger, explaining its DAP‑based architecture, breakpoint handling, CDP command translation, JavaScript Debug Terminal integration, automatic browser link handling, profiling support, and top‑level await feature, showing how these components deliver a unified debugging experience for Node and browsers.
This article provides a comprehensive 2022 survey of JavaScript development tools, examining compilers, bundlers, package managers, third‑party library creation, and modern web application frameworks, offering recommendations and performance insights to help developers choose the right tools for their projects.
This tutorial walks you through using Frida to hook Android applications, covering API basics, method interception, constructor and field manipulation, overload handling, dynamic class loading, and practical code snippets for both static and instance methods, all while emphasizing safe, educational use.
This article explains Redux’s core concepts, demonstrates how to implement a basic createStore function in JavaScript, and shows how to integrate it with React using a custom Provider and connect higher‑order component for state sharing across components.
This article traces jQuery’s meteoric rise during the Web 2.0 era, examines why major sites like GOV.UK, GitHub and Bootstrap have removed it, and explains how HTML5 standardization and modern MVVM frameworks have turned the once‑essential library into a legacy technical debt.
This article walks through the core concepts and implementation steps of a minimal JavaScript compiler, covering tokenization, parsing into an AST, traversing with a visitor, transforming the tree, and generating target code, while also explaining the visitor pattern and polyfills.
This article explains the fundamental differences between JavaScript throttle and debounce techniques using an intuitive real-world analogy, provides clear code implementations, compares their execution behaviors, and demonstrates practical usage scenarios with the Lodash library for optimizing frontend event handling.
Apache ECharts 5.3.3 has been released, introducing new stacking strategies for bar charts, tree focus support, boolean selectedMode for visualMap, and a series of bug fixes across line, tree, graph, radar, geo, tooltip, dataZoom, markLine, markArea, axis, graphic, decal, radialGradient, and type definitions.
This article traces jQuery’s emergence as the de‑facto library that simplified DOM manipulation and cross‑browser compatibility during the Web 2.0 era, examines its widespread adoption and subsequent performance gains from removal, and explains why modern standards, HTML5 and MVVM frameworks have reduced its relevance today.
This article traces jQuery’s rise as the go‑to library during Web 2.0, examines recent moves by major sites to drop it, explains its original technical advantages, and analyzes how HTML5, MVVM frameworks and modern frontend stacks have reduced its relevance while it still powers a large share of the web.
This article walks through static analysis and Frida hooking of an Android app’s login flow, dissecting the JsonRequest, RequestUtil, and encryption steps, then reproduces the MD5‑based sign generation and DES‑CBC encryption in JavaScript, providing full code snippets and explanations.
This article explains what gray (canary) release is, describes several practical front‑end gray‑release schemes—including simple Nginx weighting, Nginx + Lua + Redis, server‑side rendering routing, and a full Nginx + backend + Redis + frontend SDK solution—provides code snippets, Docker commands and operational tips for safely rolling out new features.
The article explores cross‑platform mobile development techniques, from simple WebView‑based app‑to‑web solutions to advanced virtual‑machine designs and interpreter optimizations, detailing WebView implementations, mini‑programs, React Native, Flutter, and various VM encoding strategies for efficient JavaScript execution.
This article provides a comprehensive overview of Lit, covering its core concepts, key features, decorators, templating, styling, slots, event communication, lifecycle, directives, mixins, controllers, SSR support, and the surrounding ecosystem, offering practical code examples for developers.
This tutorial explains how to install react-router-dom, create basic and nested routes, handle unmatched and index routes, pass parameters, use search parameters, customize link behavior, and navigate programmatically in a React application, providing complete code snippets for each concept.
This tutorial explains how to build a responsive, theme‑switchable real‑time data visualization dashboard using a Python Flask back‑end and ECharts front‑end, covering requirements, architecture, HTML/CSS grid layout, JavaScript chart logic, JSON data handling, and deployment steps.
This article examines the challenges of timer precision in front‑end scenarios such as e‑commerce flash sales, explains the limitations of native setInterval and setTimeout, and introduces a frame‑based timer using requestAnimationFrame, requestIdleCallback and compensation strategies to achieve high‑accuracy scheduling.
This article introduces Webpack 5's Module Federation feature, explains its business scenarios, configuration, underlying plugin architecture, and runtime mechanics, provides a practical Vue 3 demo with code snippets, and discusses usage patterns and benefits for micro‑frontend development.
This article introduces WebGL fundamentals for frontend developers, explaining GPU versus CPU, GLSL shaders, and how JavaScript prepares data, followed by step‑by‑step code examples of fragment and vertex shaders, custom primitives, and using the gl‑renderer library to render graphics.
This article introduces the Web Audio API, explains core audio DSP concepts such as signal processing, time and frequency domains, and details the main AudioContext and AudioNode components, followed by practical examples, code snippets, and references for building sophisticated web‑based audio applications.
The article explains V8 hidden classes and inline caches for faster property access, details Java’s logical versus bitwise operators and short‑circuit evaluation, and demonstrates Go’s first‑class function types such as type func() for flexible, reusable code patterns.
The article traces character encoding from early telegraph and Morse code through ASCII, ISO national sets and Chinese standards, explains Unicode’s unification and its UTF‑8/‑16/‑32 forms, and shows how modern languages—especially JavaScript—handle code points, highlighting the cultural and technical significance for developers.
This digest covers Flutter 3.0 release, the evolution of JavaScript frameworks, React concurrent rendering, WebComponents UI library insights, frontend build tool comparisons, Rust fundamentals, and Vite core principles, and includes external articles on GraphQL and software engineering best practices.
This article demonstrates how to recreate the “声生不息” program logo using only native CSS and a small amount of JavaScript, covering gradient stripes, clip‑path shaping, background‑clip text effects, CSS variables for color toggling, and detailed code snippets for each implementation step.
This tutorial walks you through automating article formatting, creating a VS Code extension with a reverse‑string command, binding a shortcut key, and publishing the plugin to the VS Code Marketplace, covering scaffold setup, code implementation, package configuration, token generation, and release steps.
This article walks through the implementation of Vue's reactive system step by step, starting with simple effect functions, then introducing dependency collection with Set, Map, and WeakMap, and finally using Proxy to automate tracking and triggering of updates for both primitive and object values.
This article explores how to implement smooth scrolling using CSS and JavaScript, compares native scroll APIs, demonstrates practical React examples, explains how to differentiate user‑initiated and script‑driven scrolling, and provides compatibility tips and workarounds for common pitfalls.
hyengine is a lightweight, high‑performance mobile execution engine that unifies WebAssembly, JavaScript, Python and Lua via a compiler and VM, offering JIT compilation, register allocation, inline‑cache optimizations, a custom allocator (hymalloc) and a concurrent three‑color garbage collector (hygc), achieving substantial speed‑ups on macOS and Android.
This article walks through creating a minimal JavaScript compiler—starting from tokenizing Lisp‑style input, building an abstract syntax tree, traversing and transforming it, and finally generating equivalent C‑style code, illustrating the core parse‑transform‑generate workflow used by tools like Babel.
This article demonstrates how to leverage the ES6 Proxy object to create a lightweight global state management solution for React, walking through a counter example, custom hooks, listener tracking, and a reusable store creator for seamless component updates.
This article provides an in‑depth tutorial on Abstract Syntax Trees (AST) and the Babel toolchain, covering AST fundamentals, its role in compilation, and practical examples of parsing, traversing, modifying, and generating JavaScript code using @babel/core, @babel/parser, @babel/traverse, @babel/generator, and @babel/types.
This article explains the ES2020 optional chaining (?.) and dynamic import() features, showing their syntax, practical code examples, compatibility notes, and how they simplify JavaScript code while improving web application performance.
The article walks through creating a lightweight, extensible Node.js command‑line utility without third‑party libraries, covering the command‑pattern design, implementation of split, upper, and word‑count commands, dynamic command loading, and best practices for modular, maintainable CLI development on Linux.
This article presents twenty practical ES6 tricks—including array shuffling, character filtering, string reversal, numeric base conversion, object merging, strict vs. loose equality, destructuring, variable swapping, palindrome checking, optional chaining, ternary operator, random selection, object freezing, duplicate removal, decimal precision, array clearing, color conversion, min‑max extraction, nullish coalescing, and false‑value filtering—each illustrated with concise code examples.
The article introduces the ShadowRealm API, a new JavaScript proposal that creates highly isolated execution realms, explains its type signatures, demonstrates .evaluate() and .importValue() methods with code examples, compares it to eval, Function, iframes, Web Workers, and Node.js vm, and outlines practical use cases such as plugin execution, testing, and web scraping.
This article introduces RxJS, explaining its roots in functional and reactive programming, detailing core concepts such as Observables, Observers, Subscriptions, Subjects, and operators, and demonstrates practical code examples that illustrate how to manage asynchronous event streams effectively in modern front‑end development.
This article explains how JavaScript's garbage collector works, outlines typical memory‑leak scenarios, and provides practical techniques—such as reducing global variables, cleaning DOM references, and managing event listeners—to improve performance and avoid UI jank.
The article reviews recent TC39 proposal updates—including decorators reaching Stage 3, type annotations entering Stage 1, the Change‑Array‑by‑Copy immutable methods, RegExp set notation, decorator metadata, and native once‑only functions—explaining their motivations, new syntax, stage‑gate criteria, and example implementations for JavaScript developers.
This comprehensive guide explains how RxJS brings functional reactive programming to web applications, showing real‑world examples such as online classrooms, autocomplete search, canvas drawing, and service‑layer design, while comparing it to Redux and offering debugging tools and best practices.
This article explains what a JavaScript Promise is, why it solves callback‑hell in asynchronous code, details its three states, and walks through a complete hand‑written implementation—including the constructor, then method, resolvePromise logic, and how to verify compliance with the Promises/A+ test suite.
