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.
This roundup presents recent frontend news and curated articles covering PNG‑based XSS attacks, V8 engine optimizations, React component nesting pitfalls, engineering habits, brand‑centric design, and useful resources for developers seeking practical insights.
This tutorial walks you through creating a full‑featured image annotation tool using HTML5 Canvas, covering image rendering, mouse‑wheel zoom, viewport panning, rectangle drawing, selection, drag‑move, size adjustment, and rotation with detailed JavaScript code examples.
This article provides a comprehensive technical overview of JavaScript language standards, the architecture and optimization techniques of major JavaScript engines such as V8 and TurboFan, introduces the lightweight QuickJS engine with its features, file layout and memory management, and demonstrates how to embed QuickJS with libuv for asynchronous I/O using detailed C code examples.
This article explains the fundamentals of VChart tooltips, demonstrates how to enable enterable tooltips with Amazon‑style safety triangles, shows flexible content and style patterns, and provides methods for custom DOM manipulation and fully custom tooltip handlers to meet diverse frontend data‑visualisation needs.
This article provides an in‑depth overview of WebSocket, covering its definition, advantages and disadvantages, protocol details, connection lifecycle, message format, JavaScript and Java APIs, Spring Boot integration, performance considerations, and future development directions.
This article surveys current front‑end innovations, covering Chrome extension development, using Husky for Git‑hook scripts, the clever architecture of Vite, new JavaScript operators (?., ??, ??=), the upcoming HTTP/3 protocol, 2024 front‑end technology trends, and an invitation to join a leading front‑end team.
This article presents practical frontend solutions, including automatic route generation in Vite projects using unplugin-vue-router, a detailed source analysis of the await‑to‑js error‑handling wrapper, methods for extracting URL parameters, techniques to terminate or replace forEach loops, and patterns for avoiding duplicate component requests.
Node.js extends JavaScript to the server, offering a lightweight, event‑driven runtime that front‑end developers use for APIs, tooling, and SSR, while version‑management tools like NVM, N, and Volta simplify installing and switching multiple Node versions, each with distinct strengths in maturity, speed, and project‑level automation.
This article explores five highly anticipated JavaScript proposals—including the Temporal API, Pipe Operator, Record & Tuple, RegExp v flag, and Decorators—detailing their motivations, core syntax, and example code as they move toward inclusion in the upcoming ECMAScript release.
This article explains why protecting client‑side JavaScript is essential, describes interface signing, outlines common compression, obfuscation and encryption methods—including variable, string, property and control‑flow tricks—introduces Emscripten/WebAssembly protection, reviews practical tools, and details debugging, anti‑debugging and counter‑measures for front‑end security.
This guide explains the HTTP chunked transfer encoding mechanism, details its format, and provides a complete PHP Workerman server and JavaScript client implementation to stream data chunk‑by‑chunk, including installation steps, code examples, and expected output.
This short TypeScript course provides a structured syllabus covering fundamental concepts, development environment setup, data types, classes, generics, and module organization, enabling learners to progressively master both core and advanced features of the language.
This tutorial demonstrates how to build a taxi trajectory visualization by creating a MySQL table for track data, writing a PHP script to retrieve the data as JSON, and using Baidu Maps JavaScript API in an HTML page to render the moving paths with interactive features.
In 2024, a survey of popular websites shows that uncompressed JavaScript bundle sizes vary widely—from as small as 0.2 MB for Wikipedia to over 12 MB for sites like YouTube and Booking.com—highlighting the importance of performance awareness in modern frontend development.
The project implements a cross‑platform driver authentication video capture module by using WebRTC to access rear‑facing cameras, RecordRTC to record a five‑second clip with custom constraints, and uploading the resulting Blob to Alibaba Cloud OSS for OCR, ensuring consistent functionality across native apps, mini‑programs, and external H5 pages.
This article examines the seemingly impossible condition "if(a == 1 && a == 12)" and demonstrates clever JavaScript and Java techniques that allow a single variable to satisfy multiple equality checks, turning a puzzling interview question into a fun exploration of language quirks.
This roundup curates the latest frontend resources—including web performance snippets, Deno’s new JSR registry, Vercel’s AI SDK, VSCode source navigation tricks, architecture design lessons, a Canvas rendering engine guide, React nested component pitfalls, Bilibili analytics platform case study, and product design simplification tips—providing practical knowledge for developers and product teams.
This guide explains JavaScript design patterns—creational, structural, and behavioral—detailing common examples such as Singleton, Factory, Module, Decorator, Observer, Strategy, and more, and shows how applying these proven solutions can make code clearer, more flexible, maintainable, and scalable.
PageSpy, now with over 3000 GitHub stars, introduces multi‑platform mini‑program debugging for WeChat, Alipay and UniApp, plus a session‑replay feature that records network requests and console logs, enabling developers to export, share, and replay logs for efficient bug investigation.
This article provides a concise five‑minute overview of JavaScript, covering its origins, dynamic typing, prototype‑based OOP, browser compatibility, essential syntax such as variables, conditionals, loops, functions, and practical use cases like dynamic content, interactivity, game development, and SPA creation, plus learning resources.
This article explores the design and implementation of a portable, high‑performance JavaScript engine, covering ECMAScript basics, V8 TurboFan optimization, the QuickJS engine architecture, memory management, building and extending QuickJS, and integrating it with libuv for asynchronous I/O.
This article explains the challenges of uploading large files over 100 MB, compares them with regular uploads, details the core principles and common problems, and presents complete front‑end chunking and back‑end merging implementations with resumable and instant upload techniques, plus mature solution recommendations.
2024 brings rapid AI advances and evolving front‑end technologies, urging developers to adopt TypeScript, master micro‑frontend architectures, embrace server‑side rendering with Next.js, reconsider low‑code and Flutter, and explore full‑stack frameworks, while providing curated resources and insights for staying competitive.
A 2024 survey of uncompressed JavaScript bundle sizes across various popular websites reveals that many sites far exceed the expected 1‑5 MB range, with static sites like Wikipedia at just 0.2 MB and multimedia giants like YouTube reaching 12 MB, highlighting the wide performance spectrum in modern web development.
This tutorial explains how to install required components, create a web page that previews the webcam using getUserMedia, send captured frames to a PHP backend, and apply real‑time filter effects with the PHP‑GD library.
This article details the design, three major benefits, optimization steps, and extensive benchmark results of the limu immutable data library, demonstrating how meta handling, prototype manipulation, and Map‑based storage dramatically improve performance compared to other libraries such as immer, mutative, and structura.
This article benchmarks Vue3's Proxy-based reactivity against the traditional Object.defineProperty approach across initialization, read, write, multiple object creation, and nested‑object scenarios, revealing where each technique excels and why Vue3 ultimately prefers Proxy despite nuanced performance trade‑offs.
This article compares Electron and the newer Tauri framework, highlighting Electron's large binary size and Tauri's Rust‑backed, lightweight approach that lets web developers build native desktop applications with familiar JavaScript, HTML, and CSS.
The jQuery 4.0.0 beta release introduces performance boosts, drops legacy IE support, removes dozens of deprecated APIs, updates event ordering, adds native FormData handling, eliminates automatic JSONP upgrades, and migrates the source to ES modules, with an upgrade guide and migration plugin available.
This article explains what React custom hooks are, how to define and use them, outlines design principles, discusses performance optimizations, and provides practical examples such as form validation and component communication, all aimed at improving code reuse and maintainability.
jQuery’s latest 4.0 beta removes support for IE 10 and older browsers, introduces ES module builds with Rollup, updates FormData handling, and changes event order, while the team signals a full IE drop in the upcoming 5.0, sparking debate over jQuery’s future relevance.
This tutorial demonstrates how to create a visually striking card component with light‑following and 3D parallax effects using React, Tailwind CSS, and custom hooks, covering setup of three boxes, mouse event handling, CSS transforms, and reusable hook encapsulation.
This guide walks you through creating a simple, secure file sharing web application using PHP and JavaScript, covering environment setup, user authentication, file upload handling, display of uploaded files, deletion, and UI styling with CSS and dynamic enhancements via JavaScript.
This article documents a step‑by‑step exploration of four native HTML/CSS/JS approaches to create an animated circular dashboard gauge on an H5 page, discusses the challenges encountered, and presents a final SVG‑based solution with code examples.
Advanced interception techniques—such as overriding browser APIs, using ServiceWorkers, employing MutationObservers, creating Proxy‑based sandboxes, and configuring server‑side gateways—provide a flexible middle layer for error reporting, request monitoring, micro‑frontend isolation, and remote debugging, while demanding careful adherence to security policies.
V8 creates JavaScript closures by lazily parsing functions, using a pre‑parser to detect and record outer‑variable references, copying captured values to the heap, then generating bytecode that builds a function context and closure, ensuring efficient execution while avoiding memory‑leak pitfalls.
This article introduces several relatively obscure yet practical ES6 features—including Object.entries/Object.fromEntries, Symbol, WeakMap/WeakSet, Promise.allSettled, BigInt, Array.of/Array.from, and the .at and flat methods—explaining their purpose and providing code examples for each.
This article explains why a SQL query tool is essential for on‑premise systems, describes the challenges of remote access and data safety, and provides a step‑by‑step implementation covering frontend encryption, backend whitelist checks, decryption, and query execution with code examples.
This article introduces Playwright, a powerful cross‑browser automation tool, outlines its key features and advantages, provides step‑by‑step installation instructions for Python, explains core concepts, demonstrates locating invisible elements, and offers practical code examples for common web operations and testing best practices.
Oracle announced preview support for JavaScript‑based stored procedures in MySQL, showing how to write, call, and debug them using GraalVM, while industry reactions highlight both excitement and concerns about mixing languages in database logic.
This article explains how to use the Lottie library to replace hand‑written CSS/JS or GIF animations with vector‑based, cross‑platform switch animations, covering installation, configuration options, direction control, playback speed, JSON modification, and a helper function for updating values.
This guide explains AJAX as an asynchronous JavaScript and XML technique that enables seamless client‑server communication with PHP, providing step‑by‑step examples and key concepts for building dynamic, responsive web applications.
The article reviews five React component design patterns—Compound, Controlled, Custom Hooks, Props Getters, and State Reducer—explaining how each improves reusability, API simplicity, and state management while weighing their advantages, disadvantages, and ideal use‑cases for scalable, maintainable UI development.
The Layui 2.9.4 release (January 18, 2024) adds a new table.updateRow method, fixes scroll‑position and Chrome DevTools crashes, improves the laydate picker on iOS Safari and Android Firefox, and introduces a slider tipsAlways option, all while preserving its lightweight, native‑HTML approach.
This article reviews the major developments in front‑end technology during 2023, covering the rise of large‑model AI applications, updates to JavaScript, TypeScript, CSS, the evolution of major frameworks like React, Vue, Svelte and Angular, the emergence of new tools such as Qwik, Htmx, Bun, Rust‑based build tools, low‑code engines, cross‑platform advances with HarmonyOS, and provides outlooks for 2024.
Oracle’s MySQL 8.2 preview introduces JavaScript stored procedures powered by GraalVM, allowing developers to write JavaScript or Java code inside the database, but the feature remains a technical preview with performance benefits, debugging support, and cautions about production use and global variable behavior.
