Node.js now includes native TypeScript support, letting developers run .ts files directly without extra tools, which simplifies development, removes additional dependencies, and provides a more seamless experience for JavaScript back‑end projects.
Rspack 1.0, the Rust‑implemented next‑generation JavaScript bundler compatible with webpack APIs, launches with major performance gains, broader plugin compatibility, smaller bundle sizes, Module Federation 2.0 support, and a roadmap that includes faster HMR, portable caches, and deeper TypeScript integration.
The article examines the technology behind the Chinese AAA title “Black Myth: Wukong”, revealing its use of Unreal Engine 5 with C++ as the core language, additional JavaScript integration via Unreal.js, and discusses community speculation about tools like PuerTS while also containing promotional material for development tools.
This guide walks through creating a macOS desktop application using Tauri 2.0, demonstrating how to combine any web front‑end framework with Rust for a secure, lightweight, cross‑platform executable, complete with code samples and build steps.
This article explains how Vue2 and Vue3 rewrite array methods to achieve reactivity, compares Object.defineProperty with Proxy, demonstrates common pitfalls such as includes and push causing infinite loops, and provides practical code examples for both versions.
This article explains how to combine duplicate API calls, ensure only the latest request result is displayed, and control concurrent request limits in JavaScript/React applications, providing practical code examples and execution flow analysis.
This article explains how to develop a VSCode extension that injects a video element into the editor’s workbench, allowing users to set a dynamic background video (such as the Wukong promotional clip), with configurable opacity, video selection, installation, and uninstallation instructions.
This article explains why using a JavaScript framework isn’t always necessary, outlining five practical scenarios—simple projects, pure HTML/CSS solutions, modern ES6 features, creative freedom, and HTMX—that allow developers to build efficient web applications without added complexity.
This article explains how to build a lightweight mobile UI inspector for iOS and Android by using a Flask backend to serve screenshots and XML UI trees, converting them to interactive HTML with jQuery, and adding synchronized hover highlighting through randomly generated identifiers.
This article explains ESLint's highly configurable static analysis architecture, clarifies the roles of parsers, processors, configs and plugins, explores the intricacies of its configuration system, and provides practical debugging methods—including performance profiling and a real‑world import/no-cycle case study.
This article explains how to create Apple‑style scroll‑driven line and list‑item animations in a Vue3 website by using a normalized scroll formula, adjusting it for specific sections, and applying a throttle algorithm to keep the animations smooth and performant.
This article explores the classic “Hello World” program across five popular programming languages—Python, C#, C++, JavaScript, and PHP—detailing each language’s syntax, key functions, and code snippets, while reflecting on the significance of this introductory example for beginners.
When a new ChatGPT web release triggers a "Oops, an error occurred! (Try again)" message on older browsers, the article explains how the missing Array.prototype.toSorted() method causes the failure and guides readers through creating a Tampermonkey user script that injects a polyfill to restore functionality.
Node.js v22.6.0 introduces the experimental --experimental-strip-types flag, enabling developers to execute TypeScript files directly, but it only strips type annotations at runtime and imposes several usage constraints such as mandatory type‑only imports and explicit file extensions.
This article explains the JavaScript prototype chain in depth, covering the definitions of prototype and __proto__, their relationships, how objects inherit properties, the role of constructors, and includes practical code examples and visual diagrams to illustrate each concept.
This article explains the challenges of reading and writing deeply nested data in JavaScript, introduces native optional‑chaining and TypeScript solutions, and walks through the design and implementation of a reusable anypath library that supports objects, arrays, Maps and Sets.
The article introduces Rslib, the latest addition to ByteDance’s Rspack family, and reviews its features, roadmap, and how it complements Rspack, Rsbuild, Rspress, and Rsdoctor—highlighting performance, compatibility with Webpack ecosystems, and built‑in tooling for modern JavaScript libraries.
This tutorial walks you through installing Node.js and npm, initializing a project, adding Express, creating routes, handling static files, processing POST requests with body‑parser, implementing simple in‑memory storage, adding error handling, and rendering HTML with EJS, all illustrated with complete code examples.
This article explores why Large Contentful Paint (LCP) often lags behind overall performance scores, explains how to measure LCP using ProductionObserver and web‑vitals, and presents a detailed case study with code snippets and actionable strategies to reduce LCP below 2.5 seconds.
This tutorial demonstrates how to build a realistic snowfall animation on a web page by using CSS radial gradients for snowflakes and a JavaScript class that generates, styles, and animates thousands of snow particles with requestAnimationFrame, including advanced enhancements like speed variation, swing motion, 3D perspective, and rain integration.
This article compares three popular Node.js version managers—fnm, nvm, and Volta—detailing their speed, size, features, ease of use, and community support, and provides guidance on which tool best fits developers’ needs for efficient JavaScript environment management.
This article examines JavaScript’s implicit type conversion mechanisms, illustrating a quirky yet functional code example, detailing conversion rules for symbols, objects, arrays, numbers, booleans, and undefined/null, and highlighting common pitfalls and practical coding tricks.
This article analyzes how JavaScript’s rich functionality, expanding ecosystem, and single‑language workflow have reshaped web development, outlines the essential front‑end and back‑end skills for full‑stack developers, and explores the career advantages and future trends such as WebAssembly.
This tutorial demonstrates how to set up a Vue 3 project, install the Leaflet.TrackPlayer plugin, define a simulated path, create a custom moving marker, and control playback on a Leaflet map, while also covering optional configurations such as disabling marker rotation.
ES8 (ECMAScript 2017) adds trailing commas, async/await syntax, native Object.values/entries methods, padStart/padEnd string padding, and Object.getOwnPropertyDescriptors, enabling cleaner, more concise, and maintainable JavaScript code while simplifying asynchronous handling and object manipulation for developers.
This article explains the internal implementations of Vue 3's ref and reactive APIs, compares their behavior, highlights the limitations of reactive, and demonstrates why using ref provides a more uniform, flexible, and deep‑reactive solution for frontend developers.
The article reviews ECMAScript 2024, highlighting new small‑scale features such as improved WebAssembly interop, enhanced Promise utilities, group‑by methods, better Unicode handling, async locking with Atomics.waitAsync, and resizable ArrayBuffers, while also discussing upcoming proposals for 2025.
This article explains how to prevent multiple simultaneous token requests in a web application by using a custom repeatOnce function that caches the token in localStorage and coordinates pending calls through an event emitter, ensuring only the first request fetches the token while others wait for its result.
Node.js merged PR #53725, introducing the --experimental-strip-types flag that lets developers run TypeScript files directly by transpiling them to JavaScript without type checking, while outlining current limitations such as missing enum and namespace support, .ts file handling, and source‑map absence.
This article explains how to achieve seamless token silent refresh by handling expiration on the server side with a Spring Boot 3 gateway filter, on the client side with an Axios response interceptor, and by using a TypeScript timer to proactively refresh tokens before they expire, while also discussing the trade‑offs between server‑ and client‑side implementations.
This tutorial walks through creating a complete first‑person shooter in the browser using Three.js, covering scene setup, floor and lighting, random moving targets, player controls, shooting mechanics, bullet physics, hit detection, explosion effects, and the main animation loop.
This article provides a comprehensive comparison between Vue 2 and Vue 3, detailing their architectural differences, new features such as the Composition API, TypeScript support, fragments, teleport, suspense, virtual‑DOM optimizations, and guidance on state management, build tools, and migration strategies.
This article explains how to develop custom ESLint plugins—covering background concepts, Yeoman generator setup, rule implementation for typeof and instanceof checks, unit testing, local linking, and providing recommended configurations—to ensure consistent code style and best‑practice enforcement across a development team.
The article showcases a collection of JavaScript snippets—ranging from simple if‑statement drills and password handling tricks to messy loop structures and formatting quirks—illustrating typical beginner mistakes and how to spot and improve them.
This article explains the shortcomings of the native HTML title attribute for hover text and provides a step‑by‑step guide, with pure HTML/CSS/JavaScript and Vue examples, to create a customizable tooltip that only appears when the text overflows, improving both style and functionality.
This article walks you through the fundamentals of Chrome extension development, covering its advantages, required prerequisites, manifest file creation, core components such as popup pages, background scripts, content scripts, and context menus, complete with practical code examples and configuration details.
Chrome Canary’s experimental Gemini Nano feature enables local execution of a large language model in the browser, offering easy deployment, hardware acceleration, offline use, and a Prompt API with createTextSession and streaming calls, plus step‑by‑step instructions and a demo for in‑page translation.
The article explains how deeply nested if‑else statements create spaghetti code and proposes three refactoring techniques—function extraction, lookup‑table mapping, and the responsibility‑chain pattern—to replace complex conditional trees with modular, readable structures that dramatically lower control‑flow complexity.
The article details how the author leveraged Doubao MarsCode's AI‑powered online IDE to quickly set up a Vue3 project, import a git repository, switch Node versions, install dependencies, develop a paginated carousel component with full code snippets, and evaluate the platform's strengths and weaknesses.
Lexical is a highly extensible, framework‑agnostic JavaScript text‑editing library created by Facebook, offering a lightweight core, plugin architecture, custom nodes, themes, and state management for building rich‑text, collaborative, and native‑like editors across web applications.
This tutorial demonstrates how to create a glowing effect for 3D objects in three.js by setting up a basic HTML framework, loading a GLTF model, configuring EffectComposer with RenderPass, UnrealBloomPass, and OutputPass, adding automatic rotation, a GUI for parameter tweaking, and a performance monitor, all illustrated with complete source code.
PythonMonkey is a SpiderMonkey‑based JavaScript runtime embedded in Python that lets developers run JavaScript inside Python and vice‑versa, offering WebAssembly support, a Node‑like PMJS environment, and a roadmap of cross‑language features aimed at speeding development and reducing maintenance overhead.
es-toolkit is a modern JavaScript utility library that offers a tiny bundle—up to 97% smaller than lodash—built‑in TypeScript support, 100‑byte functions, and runtime performance that is 2‑3 times faster, with detailed size and speed benchmarks and installation guides for Node, Deno, and Bun.
This article explains how to leverage WebGPU's compute pipeline and WGSL shaders to simulate the flocking behavior of tens of thousands of birds on the GPU, covering context creation, shader modules, pipeline setup, data buffers, and the rendering‑compute loop with full JavaScript code examples.
The article walks through building a 2D chicken game, contrasting a costly ray‑casting pathfinder with an optimal A* grid‑based solution, detailing node classes, heuristics, and JavaScript code, while also covering parallax scrolling, bottom‑Y depth sorting, a unified timer system, and a dual Phaser‑Rax rendering architecture.
This tutorial walks through building a realistic snowfall animation on a web page using HTML span elements, CSS radial gradients, and JavaScript classes to generate, style, animate, and recycle thousands of snowflakes with optional swing, speed variations, 3‑D perspective, and performance‑optimized transforms.
This article explains how to track online users by assigning each user a unique identifier, storing it in a Redis sorted set with an expiration timestamp, and using zadd, zrangeByScore, zremrangeByScore, and zrem commands together with browser fingerprinting to reliably count and clean up active sessions.
This newsletter curates recent frontend news and deep‑dive articles covering the State of JavaScript 2023, large‑model trends, OpenAI's acquisition of Multi, RPA debates, building a modern JS framework, CSS importance, React's diff algorithm, a UX design book, plus practical tips on Taro, MQTT and data‑center interfaces.
This tutorial demonstrates how to create an interactive Echarts map that supports drill‑down to county level and back navigation using Vue 3, vue‑echarts, and Vite, covering data acquisition, option configuration, event handling, and full component code.
This article details how to quickly create a web‑based 3D parking‑lot demo with scene modeling, dynamic lamp markers, interactive controls, editing, heat‑map overlay, and path‑planning using the esMap visualization SDK, including full code snippets and deployment steps.
This article examines why TypeScript has become essential for complex web applications, outlining its benefits such as improved maintainability and early error detection, the challenges developers face, and the language's future impact on the web development ecosystem.
The article covers Amazon’s $2 trillion market cap milestone, China’s push to standardize brain‑computer interfaces, the approval of ECMAScript 2024 with new JavaScript features, and Google Sheets’ shift from a JavaScript engine to a WasmGC‑based calculation engine, highlighting their broader tech implications.
This article outlines five clear scenarios—simple projects, sufficient HTML/CSS, modern ES6 features, desire for creative freedom, and HTMX alternatives—where using a JavaScript framework adds unnecessary complexity and can be safely avoided.
This article introduces the Web Locks API, explaining how to request, monitor, and manage exclusive or shared locks across browser tabs and workers, covering optional parameters such as mode, ifAvailable, steal, and signal, with practical JavaScript code examples.
This article surveys the most suitable programming languages for artificial intelligence, examining Python, R, Java, LISP, Prolog, C++, Haskell, JavaScript, and Julia, and outlines their strengths, ecosystem support, and use cases to help developers choose the right tool for AI projects.
This tutorial explains how to recreate Bilibili's mouse‑responsive top‑banner animation by collecting assets, constructing a layered HTML structure, applying CSS positioning, and writing vanilla JavaScript to track mouse movement, calculate element offsets, and animate the layers with smooth transitions.
This article describes how to build a reusable Vue component that automatically moves overflow menu items into a "More" dropdown, calculates the cutoff point based on container width, and updates the layout on resize, providing a smooth and responsive navigation experience.
This article introduces Gleam, a type‑safe functional language that compiles to Erlang and JavaScript, walks through installation, a hello‑world program, package management, pattern matching with algebraic data types, and demonstrates its concurrency‑friendly, null‑free design.
Meituan’s Tech Salon Session 77 describes how the company built a generic JavaScript‑hooking SDK packaged as an NPM module to give mini‑programs on platforms such as WeChat, Alipay and Kuaishou observable and controllable capabilities across UI, storage, network and system layers, enabling automated cache management, request mocking, state inspection and visual diff testing, which the ticket team leveraged to achieve over 30 % test scenario coverage, 100 % page coverage and discover hundreds of defects, while outlining future plans to stabilize and expand the framework.
TypeScript 5.5 introduces inferred type predicates, enhanced regular‑expression checks, performance optimizations like faster transpileModule, reduced package size, new Set methods (union, intersection, difference, isSubsetOf), support for ECMAScript Set APIs, @import syntax, and a transpileDeclaration API, while addressing previous RC issues.
This tutorial explains how to install the necessary PHP‑GD and Video4Linux components, create a web page that shows a live webcam preview with JavaScript, add a filter selector, and process the selected filter on the server side using PHP‑GD to produce real‑time filtered images.
This article reviews the ten most valuable JavaScript libraries for 2024—including React, Redux, D3.js, TensorFlow.js, Angular, Node.js, Vue, Svelte, Three.js, and Lodash—detailing their core features, performance benefits, typical use cases, and why they remain essential tools for modern frontend development.
This article explains practical methods for diagnosing and fixing production‑time JavaScript errors by using the Ajax‑Interceptor Chrome extension, understanding hidden‑source‑map vs source‑map differences, adding source‑map files in Chrome, and applying manual source‑map mapping or proxy tools like Charles.
This guide explains how Apipost’s pre‑execution scripts can run before a request, allowing developers to write JavaScript functions, manipulate variables, modify headers, queries, bodies, and invoke external programs via the apt.execute API, with version requirements, usage syntax, and a complete code example.
This article examines why JavaScript’s ecosystem lacks a unified, Laravel‑style framework, compares popular full‑stack JavaScript solutions such as Redwood, Blitz, and Adonis with Laravel, and helps developers decide whether to stay with JavaScript or adopt PHP’s Laravel for a one‑stop backend solution.
This tutorial walks through creating a scalable, infinite‑size collaborative whiteboard that synchronizes drawing actions across multiple browsers in real time using WebSocket, Canvas, and the Webman PHP framework, covering server setup, front‑end integration, and full code examples.
A panel of leading JavaScript framework creators at the 2024 React Summit discussed whether front‑end frameworks will merge into a single solution, highlighting the challenges of standardizing syntax, the value of each framework's unique strengths, and the potential of shared principles over outright consolidation.
Layui is a free, lightweight Web UI component library that follows native HTML/CSS/JS development, offering modular specifications, easy onboarding, and a rich set of components, with simple installation via download, npm, or CDN, making rapid, elegant frontend development straightforward.
This article showcases practical JavaScript snippets—including a 40‑iteration for‑loop, various if‑statement patterns, hidden password field tricks, complex else chains, while‑loop limits, and odd/even detection—illustrated with screenshots and commentary to help developers understand control flow and coding style nuances.
SlashData’s 26th Developer Nation survey, covering over 10,000 developers from 135 countries, shows JavaScript remains the most popular language, Python overtakes Java for second place, and emerging languages like Rust and Go experience rapid growth, while new developers face distinct adoption challenges.
Canyon extends the IstanbulJS ecosystem with a Babel‑based instrumentation plugin, real‑time coverage aggregation, and cloud‑native reporting to enable large‑scale end‑to‑end UI automation coverage for modern JavaScript front‑end applications, including SPA, MPA, and React Native environments.
Cherry Markdown, Tencent’s open-source JavaScript Markdown editor, offers lightweight, extensible editing with features like image scaling, chart generation, multi-cursor support, and multiple preview modes, and the article provides a detailed overview, performance highlights, installation steps, code examples, and demo screenshots.
This tutorial walks through creating a full‑stack project that uses json-server to expose a RESTful API, demonstrates CRUD operations via Postman, and shows how to interact with the API from a simple frontend using JavaScript fetch calls.
This guide walks you through creating a VS Code extension that automatically detects the Node.js version specified in each project's package.json and switches the editor’s environment accordingly, covering setup with Yeoman, core activation code, debugging, packaging, and publishing to the Marketplace.
This article reviews the ten most promising programming languages for 2025 and beyond, explaining their strengths, typical use cases, and why they are valuable choices for developers seeking to stay ahead in web, mobile, game, and system development.
This article explains the three main server‑to‑client push techniques—polling, WebSocket, and Server‑Sent Events—detailing their advantages, drawbacks, browser compatibility, and provides step‑by‑step Node.js and front‑end demos for implementing SSE in real‑time applications.
The JavaScript framework ecosystem has surged forward with React adding Server Components, a Compiler and Server Actions; Vue 3.4 delivering faster reactivity and a Vapor mode; Angular introducing Signals and partial hydration; Next.js unveiling an App Router and Turbopack; Nuxt, Svelte, Remix and Astro each releasing performance‑focused features, underscoring a rapidly evolving landscape for modern web development.
This article explains why JavaScript string length behaves unexpectedly with Unicode characters, describes UTF‑16 encoding and surrogate pairs, and demonstrates ES6 techniques such as for‑of loops, spread syntax, the u regex flag, codePointAt, and normalize to handle Unicode correctly.
This article explains the concept of the Virtual DOM, its performance benefits in front‑end development, and presents several open‑source implementations such as Million.js, Snabbdom, virtual‑dom, blockdom, Maquette, and additional lightweight libraries, each with brief descriptions and GitHub links.
This article explores five advanced JavaScript techniques—Monads, declarative programming, server‑side caching, immutability, and pattern matching—explaining their concepts, benefits, and providing practical code examples to help senior developers build more robust, high‑performance web applications.
This article explains why Mini Programs are popular, describes their dual‑thread architecture, and provides concrete strategies—including reducing call frequency, limiting data volume, and applying data layering and rendering chunking—to optimize setData performance and improve user experience.
This article provides an in‑depth overview of internationalization and localization for web applications, covering concepts such as language codes, locale handling, date and time formatting, number and currency formatting, text direction, layout adjustments, and practical JavaScript Intl API examples with code snippets.
Facing the trade‑off between flexibility and speed in low‑code development, NetEase’s cloud music team built Tango—a source‑code‑based low‑code engine that leverages AST manipulation and the TangoBoot framework to standardize front‑end programming, halve view logic, and unify low‑code with traditional development.
This tutorial explains how to use the Baidu Map API together with PHP to prepare heat‑map data, create a HeatMap instance, add weighted points, generate the heat‑map image and finally display it on a web page using JavaScript.
This article outlines the recent updates to the free open‑source Layui UI library, detailing new options, bug fixes, and security patches across components such as laydate, treeTable, form, upload, and more, while highlighting its lightweight, browser‑centric design philosophy.
This article explains the concept of custom hooks—known as the Composition API—in Vue 3, discusses when and why to use them for logic reuse, provides practical examples and code snippets, and shares a curated list of useful Vue 3 hook libraries and resources.
This tutorial explains step-by-step how to set up a MySQL database, create PHP scripts to fetch taxi trajectory data, and use Baidu Maps JavaScript API within an HTML page to render dynamic taxi movement paths, including code examples for database creation, data insertion, and map rendering.
Using Adobe’s CEP platform, this tutorial shows how to set up a Photoshop extension, employ the Action Manager API to extract text layer properties such as color, font size, and shadow, and then recreate the design in HTML/CSS, streamlining marketing asset creation.
This article explains the three common server‑to‑client data push methods—polling, WebSocket, and SSE—detailing their principles, advantages, disadvantages, suitable business scenarios, and provides step‑by‑step Node.js/Express and plain JavaScript demos for implementing SSE.
This guide walks developers through registering for Alibaba Cloud's Tongyi Qianwen large‑language model, creating a DashScope API‑KEY, and using the OpenAI‑compatible interface with the Webman/openai PHP plugin and a simple JavaScript client to stream responses.
This tutorial explains how to build a mobile web app that captures video with the phone camera, loads a custom LEGO detection model via Roboflow, identifies selected brick types in real time, and visualizes the results on a p5.js canvas, including deployment steps and improvement suggestions.
This tutorial explains how to use the html2canvas library to render dynamic HTML content into canvas images, covering installation, markup definition, styling, script implementation, download handling, and important limitations for creating shareable posters in front‑end applications.
This article shows how to lock page scrolling when a modal is open by using the new CSS :has pseudo‑class—replacing JavaScript‑driven overflow toggles that fail with nested dialogs—and demonstrates a simple body:has(dialog[open]) selector that works across all modern browsers.
This article explains how to create an input element that sticks to the on‑screen keyboard by listening to visualViewport resize/scroll and focus events, calculating the keyboard’s top position, and dynamically adjusting the input’s CSS transform, with full TypeScript code examples.
A Tencent engineer fixed a severe memory‑leak in the qs library’s encode function by processing 30 MB strings in 1024‑character chunks, reducing heap usage from 2.5 GB to 0.48 GB and cutting runtime from 7.9 s to 2.1 s, achieving a five‑fold speedup and memory reduction, and contributed the change as an open‑source pull request.
GitLab introduces its Duo Chat AI assistant for streamlined development while also previewing the upcoming jQuery 4.0 release and promoting JavaScript "Naked Day," offering developers insights into new tools, security practices, and upcoming web standards.
JSBridge is a bidirectional communication layer that lets hybrid mobile apps combine native performance with web flexibility by allowing JavaScript to invoke native functions and native code to call back into the WebView, using techniques such as URL schemes, injected APIs, and platform‑specific evaluateJavascript methods.
This article surveys the full range of file preview options—including commercial services, front‑end JavaScript libraries for PPTX, PDF, DOCX and XLSX, and server‑side conversion tools like OpenOffice, kkFileView and OnlyOffice—providing code examples, pros and cons, and practical recommendations for developers.
This article highlights the five most rapidly rising JavaScript/TypeScript open‑source projects on GitHub in 2023—LangChain, Wasp, Resend, Nebuly, and Formbricks—explaining their purpose, key features, and why developers are flocking to them today.
LangChain is an open‑source framework that provides Python and JavaScript SDKs, templates, and services such as LangServe and LangSmith to compose models, embeddings, prompts, indexes, memory, chains, and agents via a concise expression language, enabling rapid prototyping, debugging, and deployment of LLM‑driven applications.
