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.
This article traces the evolution of web technologies from Tim Berners‑Lee's first static page and the birth of HTML, through the rise of JavaScript, CSS, AJAX, SPA, SSR, and NodeJS, to recent innovations like React Server Components and future trends in web rendering.
This article explains why proper exception handling is essential for high‑quality JavaScript, contrasts using return codes with real exceptions, shows clean versus dirty code examples, and offers practical guidelines such as defining custom exception hierarchies, handling Promise rejections, and providing contextual error information.
This article explores five powerful JavaScript 2021 enhancements—including logical assignment operators, replaceAll, numeric separators, Promise.any, and WeakRef/Finalizers—explaining their syntax, behavior, and practical code examples to help developers write cleaner, more efficient code.
This guide walks you through creating a VSCode code‑snippets extension from environment setup, Azure DevOps publisher registration, project scaffolding with Yeoman, configuring package.json and snippet JSON, debugging inside the extension host, packaging with vsce, and finally publishing the extension to the marketplace, while highlighting common pitfalls to avoid.
TypeScript’s rapid rise stems from its incremental type system, strategic collaborations, and tooling ecosystem—including DefinitelyTyped, JSX support, and integration with Babel and modern build tools—while its future may involve native type annotations in JavaScript and continued community‑driven evolution.
This article explains the historical concept of Activation (or Variable) Objects in ECMAScript 1/3, why they disappeared after ES5, how modern JavaScript uses Lexical Environments as their successor, and how this relates to closures and function execution.
This article explains ECMAScript's cover grammars and finite lookahead mechanisms for resolving ambiguous syntax, focusing on arrow function parameter lists versus parenthesized expressions.
This article explains how JavaScript’s Math.max function works, covering typical usage, single‑argument behavior, the surprising -Infinity result when called without arguments, and practical techniques for finding maximum values in arrays, including handling empty arrays.
React Fiber rewrites React’s core algorithm by breaking the diff phase into small, interruptible fiber units, scheduling them during browser idle time with requestIdleCallback, using double‑buffered trees and effect lists to pause, resume, and efficiently commit DOM updates, thereby improving UI responsiveness in large applications.
Bootstrap 5 has officially launched with its first stable 5.0.0 release, introducing a redesigned logo, dropping support for older browsers, removing jQuery, updating to Popper V2, enhancing dropdowns, modals, tooltips, adding new components like offcanvas, accordion, tables, RTL support, a revamped utility API, and numerous performance and grid layout improvements.
This article provides a comprehensive analysis of Webpack's core architecture, explaining its three-phase workflow (initialization, building, and generation), plugin system, and module handling mechanisms to help developers understand the underlying principles of this static module bundler.
This article traces the evolution of web technologies from Tim Berners‑Lee's first static page in 1991 through the rise of HTML, CSS, JavaScript, dynamic server‑side solutions like PHP and AJAX, the emergence of SPAs, and modern innovations such as SSR, React Server Components, and Web Components, highlighting key milestones, challenges, and future directions.
This article explains the ESModule standard, compares its server‑side (Node.js) and browser implementations, discusses compatibility issues with CommonJS, examines the difficulties of using third‑party dependencies in browsers, and outlines emerging tools such as Snowpack and Vite that leverage native ESModules.
The article explains how JavaScript handles binary data by using ArrayBuffer as raw memory, TypedArray and DataView as typed views for reading and writing with endianness control, and Blob for file‑like binary objects, detailing their constructors, methods, and typical use cases such as WebGL, file upload, and image display.
This article examines the ongoing debate over code comments, explains when comments add value or cause noise, and outlines three practical guidelines—commenting only complex business logic, avoiding log‑type and positional markers—to improve JavaScript code readability.
This article explains how to implement parallel downloading of large files in the browser by leveraging HTTP Range requests, the asyncPool concurrency‑control library, and auxiliary functions such as getContentLength, getBinaryContent, concatenate, and saveAs, complete with code examples and usage guidance.
Spanning three decades, this article traces the evolution of web development from Tim Berners‑Lee’s 1991 static page through the rise of HTML, CSS, JavaScript, PHP, AJAX, SPA frameworks, server‑side rendering, Node.js, and emerging trends like React Server Components, illustrating how each breakthrough addressed the limitations of its predecessors.
The article explains how using functions that were not intended as callbacks—such as library utilities, Web APIs, or option objects—can break when array.map or other higher‑order functions pass extra arguments, and it shows safer patterns, TypeScript behavior, and linting hints to prevent these bugs.
This article explains how the Laravel PHP framework and the Vue.js progressive JavaScript library complement each other, highlighting their popularity, ease of integration, event‑driven architecture, virtual DOM performance, and faster learning curve, making them an ideal stack for new web projects.
This guide explains what ECMAScript (ES) modules are, how to enable them in Node.js using .mjs extensions or a package.json "type":"module" setting, and provides practical code examples for importing, exporting, and running ES modules from the command line.
This tutorial walks developers through the complete process of creating a simple Visual Studio Code extension—from installing Node.js, Git, and Yeoman, to generating project scaffolding, configuring package.json, writing activation code, adding commands and menu items, and testing the extension—while highlighting VS Code's multi‑process architecture and extension limitations.
This article curates 23 open‑source game projects hosted on GitHub—ranging from Vim plugins and JavaScript Tetris clones to Python, Go, and web‑based multiplayer titles—providing installation steps, feature highlights, code snippets, and live demo links so developers can learn, experiment, and have fun during breaks.
A React component that works locally threw a minified "#31" error only on Vivo X7 Android 5.1 devices because a Symbol polyfill loaded after React caused a mismatch in REACT_ELEMENT_TYPE, and adjusting the build order or JSX runtime resolved the illegal return‑value bug.
The article reviews the recent TC39 meeting where the Class Fields proposal advanced to Stage 4, outlines the criteria for moving between proposal stages, and summarizes several other ECMAScript proposals—including Intl.LocaleInfo, Object.hasOwn, Symbol as WeakMap keys, extended timezone options, copy‑based array methods, and readonly ArrayBuffer—detailing their goals, status, and example code.
Eva.js, an open‑source interactive game engine developed by Alibaba, combines a lightweight ECS architecture, PixiJS rendering, and performance‑focused loading strategies to let front‑end developers create engaging web games with just a few lines of code, while supporting accessibility and state management.
This tutorial explains how to integrate AJAX fetch calls with Django views for both GET and POST requests, covering header configuration, CSRF handling, JSON data exchange, and the updated method for detecting AJAX requests in Django 3.1 and later.
This tutorial demonstrates how to integrate Layui with ThinkPHP 5.1 to dynamically load hierarchical city category data, covering HTML setup, JavaScript tree rendering, PHP backend data retrieval, and a recursive method for obtaining parent IDs, enabling interactive navigation of multi‑level locations.
This article explores JavaScript and TypeScript data types, explains how TypeScript enhances code robustness with interfaces and generics, examines common JavaScript pitfalls, and demonstrates how V8’s TurboFan compiler and type‑consistent code can dramatically improve performance, complemented by practical TypeScript tips and advanced type utilities.
This article explains JavaScript’s parseInt function, demonstrates how it parses integer strings and binary numbers, reveals its unexpected behavior with small floating‑point values due to automatic string conversion and exponential notation, and recommends using Math.floor for reliable integer extraction.
This article explains what an Abstract Syntax Tree (AST) is, how it’s generated during lexical and syntax analysis, outlines its core structure, and demonstrates practical applications such as code transformation, linting, formatting, and custom Babel plugins with detailed code examples.
This article explains how to use the async‑pool library together with HTTP Range headers to control concurrency and achieve parallel downloading of large files in the browser, covering the underlying HTTP concepts, helper functions, and a complete example implementation.
This article explains JavaScript’s scope types, execution context, activation objects, and the lifecycle of functions, illustrating how closures retain memory, how garbage collection works, and provides practical solutions for common closure pitfalls in React functional components.
This article investigates why the api‑monitor library's for‑in traversal fails to enumerate certain XMLHttpRequest properties on iOS 14.5 beta and PC Chrome, explains the underlying prototype‑property interaction, and provides code examples and cross‑platform comparison results.
This article explains how React registers event listeners on the root, extracts events from the fiber tree, synthesizes cross‑browser synthetic events, accumulates callbacks, and finally dispatches them, illustrating each step with code examples and diagrams.
This article walks through the step‑by‑step reverse‑engineering process used to identify and replicate the MD5‑based sign generation in a web API request, detailing parameter extraction, code inspection, and cookie handling to recreate the required authentication logic.
This article explains JavaScript memory leaks, covering their definition, how JS manages stack and heap memory, automatic garbage collection, Chrome DevTools profiling techniques, and common leak patterns such as improper closures, global variables, detached DOM nodes, console logging, and forgotten timers, with detection and mitigation strategies.
This article walks through building a basic front‑end router with vanilla JavaScript, then dissects React Router’s source code—including BrowserRouter, HashRouter, Router, Route, and matchPath—explaining their implementations, the history library, and how they improve routing compared to native approaches.
This article explains how the ECMAScript specification defines property access through the [[Get]] internal method, walks the prototype chain, and uses the Receiver value, illustrating each step with concrete code examples and the relevant abstract operations such as OrdinaryGet and GetValue.
In this extensive interview, dexteryy, a senior Web front‑end engineer at ByteDance, shares his personal journey, reflects on the historical stages of Web development, discusses current challenges of mobile and immersive experiences, and outlines the vision for next‑generation application development tools and ecosystems.
This curated guide presents concise technical deep‑dives into JavaScript protection, pagination techniques, Babel async/await transformation, Web Worker sandboxing, V8 engine tuning, React Native launch optimization, collaborative editing algorithms, Windows defragmentation, CLS metric evolution, accessible UI components, and future‑proof CSS strategies.
This article walks through how the ECMAScript specification defines prototype chain property lookup, detailing the [[Get]] internal method, OrdinaryGet algorithm, the role of the Receiver parameter, and how these mechanisms are invoked during member expression evaluation and function calls.
This article explains how to implement a rectangular treemap for outpatient disease data using JavaScript, covering layout algorithms such as Slice‑and‑Dice and Squarified, color filling, and canvas event handling with detailed code examples and performance evaluation metrics.
This article walks through creating a simple native Node.js HTTP server, applying the Strategy pattern to decouple routes, enforcing the DRY principle with Promises, and then dives deep into Koa’s core source—including its constructor, use, listen, compose, and router modules—to reveal how the framework orchestrates middleware and request handling.
This article introduces a Promise‑based JavaScript animation library, explains how to create sequential animations using async/await, provides polyfills for requestAnimationFrame and es6‑promise, details the Animator class implementation, and demonstrates usage with code examples and easing extensions.
NativeScript 8.0 expands the mature cross‑platform framework with Apple Silicon (M1) support, Webpack 5 integration, enhanced accessibility, new ESLint rules, a RootLayout container, updated documentation, and streamlined core features for building iOS and Android apps using JavaScript or TypeScript.
This article traces the evolution of web development from the first static HTML page through the rise of JavaScript, CSS, dynamic server‑side technologies, SPA and SSR, up to recent trends like React Server Components and micro‑frontends, highlighting why each breakthrough occurred.
This article explains why front‑end performance optimization is crucial for user retention and conversion, outlines loading‑time and runtime optimization categories, and provides practical techniques such as DNS prefetching, HTTP/2 adoption, resource compression, lazy loading, virtual lists, event delegation, and code‑level best practices with concrete code examples.
This article explains why strings containing emojis report different lengths in JavaScript, covering Unicode fundamentals, code points, UTF‑8 and UTF‑16 encodings, surrogate pairs, grapheme clusters, zero‑width joiners, and modern ES2015‑ESNext features that help handle Unicode correctly.
This article walks through the complete process of creating a browser‑based H.265 video decoder by compiling a trimmed FFmpeg library to WebAssembly, designing a modular player architecture, and integrating the WASM module with JavaScript workers for real‑time playback of high‑resolution streams.
This article explains Babel's role as a fundamental JavaScript compiler, detailing its parsing‑transform‑printing pipeline, AST structure, core‑js polyfills, preset‑env configuration, and runtime helpers, providing frontend developers with a comprehensive guide to mastering Babel's ecosystem and optimizing bundle size.
This article explains a joint cross‑platform approach that lets developers share a single codebase across PC browsers, mobile web, and app WebViews by exposing adaptable UI and logic layers, using custom adapters and build tools to generate platform‑specific bundles while preserving existing tech stacks.
This article explains how the ECMAScript specification defines the behavior of Object.prototype.hasOwnProperty, introduces abstract operations, completion records, internal slots and methods, and shows how the spec’s pseudo‑code can be translated into concrete JavaScript examples.
This newsletter highlights two technical articles: one explains JavaScript's memory allocation, stack and heap usage, and garbage‑collection methods with examples of common leaks, while the other details Meituan Waimai's Flutter Web performance challenges and their mitigation strategies.
This article explains why React introduced the Fiber architecture, how it breaks rendering work into interruptible units, compares it with Vue's approach, and provides detailed code examples of Fiber's data structures, scheduling, traversal, and commit phases.
This article walks through a concrete example of Object.prototype.hasOwnProperty in the ECMAScript specification, explaining language and specification types, abstract operations, internal slots and methods, Completion Records, and the shorthand ? and ! used for error handling in spec algorithms.
This article explains what an Abstract Syntax Tree (AST) is, outlines its parse‑transform‑generate workflow, and demonstrates practical AST‑based code transformations using Babel, custom ESLint rules, and a JSX‑to‑object Babel plugin, complete with example code and visual illustrations.
Tapable is a flow‑control library used by webpack that implements synchronous and asynchronous hook mechanisms, enabling plugins to subscribe and publish events through a standardized interface, as demonstrated by source code analysis and generated function examples.
This article explains how to wrap a synchronous function that doubles array elements so that multiple calls return the expected doubled results while the underlying function is executed only once, using clever tricks, setTimeout‑based debouncing, and Promise‑based micro‑task scheduling.
This guide demonstrates how to replace a standard file upload in a ThinkPHP5 post feature with an Ajax-based solution that allows real‑time image preview, server‑side handling via PHP, and selective deletion of uploaded images, improving compatibility and user experience.
This article introduces Node.js by recounting its creator Ryan Dahl's background, explaining its core characteristics of single‑threaded, event‑driven, non‑blocking I/O architecture, describing suitable use cases, and reviewing basic code examples and popular frameworks such as Express, Koa, Nest, and Egg.
This article explains how to build a high‑performance large‑file HTTP upload service with resumable support by using a C‑based server, client‑side hash generation, cookie‑based browser IDs, AJAX queries for upload progress, and JavaScript code that slices files and tracks upload speed and progress.
This article explains why React introduced the Fiber architecture, how it breaks rendering work into small interruptible units, the role of requestAnimationFrame and requestIdleCallback, the underlying linked‑list data structures, and provides code examples that illustrate the render and commit phases for smoother UI updates.
This article introduces three Python libraries—PyExecJS, Js2Py, and PyV8—that enable execution of JavaScript within Python, showing how to set up runtimes, run code snippets, read JS files, and scrape encrypted web pages for more effective data extraction.
This article explains the history of global time standards, how computers represent time with Unix timestamps and the 2038 problem, details ISO 8601 and RFC 2822 formats, and provides practical JavaScript Date usage examples along with comparisons of popular date‑handling libraries such as Moment.js, Dayjs, and Miment.
This article explains the syntax and behavior of JavaScript's reduce method, compares it with map, forEach, filter and find, and demonstrates numerous practical patterns such as flattening arrays, counting occurrences, grouping by property, deduplication, and finding extrema, all illustrated with clear code examples.
Frontend developers are urged to spend a relaxed weekend reviewing the nearly completed ECMAScript 2021 specification—set for Ecma’s June approval—which will underpin the next generation of JavaScript implementations, with the full draft available at https://tc39.es/ecma262/2021/.
RedMonk’s latest ranking reveals the top 20 programming languages, with JavaScript, Python and Java retaining the top three spots, while languages like TypeScript, Kotlin, and Dart climb, and Ruby, Go, and others slip, offering a snapshot of current developer preferences.
The article reviews recent TC39 proposal updates—including Error Cause reaching Stage 3, the Temporal API replacing the flawed Date object, the new Array.findLast methods, and Module Fragments—explaining their motivations, design details, code examples, and how they aim to improve JavaScript development across environments.
Exploring the evolution of web-based editors and design tools, this article examines why traditional plugin architectures like Atom faltered, how VS Code’s more restrictive model improves performance and security, and delves into Figma’s sophisticated sandboxing techniques—including Realm, Duktape, and CSS isolation—to balance flexibility with safety.
This article explains how Vue’s mergeOptions function merges constructor and instance options, detailing the normalization of props, inject, and directives, and how extends and mixins are recursively combined to produce the final component configuration.
This article investigates why JavaScript's Object.keys() may return keys in an unexpected order, explains the specification‑defined sorting rules for integer and string properties, demonstrates the issue with timestamp tags on iOS and Android, and explores the actual implementations in QuickJS and V8 engines.
This article introduces Test‑Driven Development (TDD), walks through a complete FizzBuzz kata using Jest, explains the Red/Green/Refactor cycle, showcases common TDD patterns, and discusses challenges and best practices for writing clean, well‑tested code.
This article dissects San CLI's internal architecture, detailing its core modules, the distinction between main and service processes, the step‑by‑step execution of the san init command, the TaskList implementation that drives sequential tasks, and the design of Command and Service plugins that enable extensibility.
This article explores methods to prevent user-injected JavaScript from manipulating DOM objects, including using Shadow DOM and Web Workers to create secure sandboxed environments.
This guide explains how to locate the JavaScript responsible for generating URL parameters by inspecting event listeners and searching source files in Chrome, observe its execution with breakpoints, and then replicate the logic in Python using js2py to obtain login credentials.
This article compares three common JavaScript techniques—truthy checks, the in operator, and hasOwnProperty()—explaining their behavior with various value types, prototype inheritance, and edge cases, and provides code examples to help you choose the most reliable method for property detection.
This article introduces GoDB.js, a TypeScript‑based wrapper for IndexedDB that provides a concise, schema‑aware CRUD API, hides asynchronous connection handling, and offers batch operations, making client‑side data storage in modern web apps much easier.
This article explains the internal workflow of vue-loader, detailing how it separates style, script, template, and custom blocks in Vue single‑file components, injects a pitcher loader, clones webpack rules, and leverages resourceQuery to reuse user‑defined loaders such as less‑loader or babel‑loader.
This article introduces the window.history object, explains its key properties, methods and the popstate event, answers common questions about its behavior, and demonstrates practical uses such as single‑page routing, navigation control, and custom front‑end router implementations with code examples.
Explore six powerful JavaScript operators—including spread, Set, ternary, template literals, optional chaining, and nullish coalescing—through clear explanations and code snippets, showing how they simplify code, enhance readability, and boost efficiency in modern front‑end development.
This article presents a curated collection of 23 open‑source game projects hosted on GitHub, covering a variety of genres and technologies—from Vim plugins and JavaScript Tetris to Python Plants vs Zombies—providing links, brief descriptions, and usage instructions for each.
RedMonk’s February 2021 programming language ranking places JavaScript at the top, followed by Python, Java, and PHP, using GitHub pull‑request data and Stack Overflow activity to gauge popularity, and notes that half of the top‑20 languages have shifted unusually compared to the previous year.
Tapable powers Webpack’s extensible workflow by providing a dynamic function generator and a suite of over ten hook classes—such as SyncHook, AsyncSeriesWaterfallHook, and AsyncParallelHook—that let developers compose synchronous, asynchronous, bail‑out, waterfall, and looping pipelines, illustrated by a jQuery.ajax‑style service where each request phase is modularly plugged in.
Understanding how JavaScript manages memory, this article explains garbage collection concepts such as Stop‑The‑World pauses, reference counting, mark‑sweep, mark‑compact, incremental marking, and V8’s generational strategies, while offering practical code examples and optimization techniques to prevent leaks and improve performance.
This article explains the concepts of binary trees and binary heaps, describes their relationship, and provides a complete JavaScript implementation—including initialization, heapify, insertion, deletion, and sorting—illustrated with diagrams and runnable code examples.
This article details the technical implementation of Ant Group’s annual Five Blessings Spring promotion, covering the business breakdown, 3D scene construction using the Oasis engine, sliding control logic, visual effects, and extensive performance optimizations for memory, texture, buffers, and loading on mobile web.
This article explains the Manhattan routing algorithm used for automatic orthogonal connection routing in diagram tools, discusses its origins, references useful libraries like draw2d, and provides a full TypeScript implementation with code examples and practical application scenarios.
This guide demonstrates how to integrate ZXing into a SpringBoot backend to generate QR code images, expose them via a REST endpoint, and display the QR codes in a Vue front‑end dialog by fetching the image as a blob and rendering it with Element UI components.
The January 29 TC39 meeting reviewed progress on dozens of ECMAScript proposals, outlining the criteria for moving from Stage 3 to Stage 4, Stage 2 to Stage 3, and Stage 1 to Stage 2, and highlighting key features such as Intl.DateTimeFormat.formatRange, JSON Modules, Private‑in, class static blocks, resizable array buffers, and new Intl APIs.
In this translated interview, Ryan Dahl, creator of Node.js and Deno, discusses Deno’s goals, his preference for Rust, the future of JavaScript and TypeScript, security models, open‑source challenges, and practical advice for developers building modern backend systems.
This article examines the long‑standing debate over mandatory semicolons in JavaScript, explains Automatic Semicolon Insertion, shows code examples where omitting them causes errors, compares major style guides, and shares expert opinions to help developers choose a consistent approach.
This tutorial demonstrates how to easily create dynamic SVG animations by leveraging the GreenSock Animation Platform (GSAP), specifically focusing on TimelineMax and staggerFrom methods to manipulate DOM elements, apply easing functions, and sequence complex visual effects with minimal code.
This guide outlines the core JavaScript concepts, asynchronous programming fundamentals, package management, HTTP protocols, web frameworks, databases, caching strategies, template engines, real‑time communication, API clients, and testing tools that form a comprehensive learning roadmap for aspiring Node.js backend developers.
This tutorial explains what browser extensions are, walks through creating a simple Chrome extension with a manifest file, adds icons and a popup page, details background, content‑scripts, inject‑scripts, permissions, inter‑script communication, and demonstrates a practical HTTP‑Header extension example.
The TC39 January 29 meeting reviewed progress of multiple proposals advancing to later stages—including Intl.DateTimeFormat.formatRange, JSON Modules, Private‑In, Class Static Initializer Block, ResizableArrayBuffer, new Intl APIs, RegExp enhancements, Array findLast, defer import, and several internationalization extensions—detailing requirements, implementations, and upcoming milestones.
This article presents practical refactoring techniques for JavaScript code, illustrating how to replace callback‑hell request chains with Promise.all and async/await, transform tangled if‑else blocks into pure, modular functions, and adopt clean‑code principles to improve readability, testability, and maintainability.
This article explains how JavaScript processes Unicode characters, demonstrates the limitations of legacy APIs like charCodeAt and fromCharCode with supplementary characters, and introduces modern methods such as codePointAt, fromCodePoint, Unicode escape syntax, surrogate pairs, and polyfills for full Unicode support.
