Web API | BestHub

Rare Earth Juejin Tech Community

Jun 15, 2025 · Frontend Development

Master Cross‑Tab Communication: BroadcastChannel vs localStorage in JavaScript

Learn how to synchronize data across multiple browser tabs using the native BroadcastChannel API and the fallback localStorage + storage event, with step‑by‑step code examples, usage scenarios, feature comparisons, compatibility notes, and a reusable TabMessenger class for seamless inter‑tab messaging.

BroadcastChannelWeb APIcross-tab communication

0 likes · 9 min read

Master Cross‑Tab Communication: BroadcastChannel vs localStorage in JavaScript

Code Mala Tang

May 24, 2025 · Backend Development

7 Essential FastAPI Middleware to Boost Performance, Security, and Maintainability

This guide explores seven practical FastAPI middleware components—covering CORS, GZip compression, request logging, trusted hosts, HTTPS redirection, custom exception handling, and rate limiting—to help developers build faster, safer, and more maintainable APIs.

PythonSecurityWeb API

0 likes · 7 min read

7 Essential FastAPI Middleware to Boost Performance, Security, and Maintainability

Code Mala Tang

Apr 24, 2025 · Backend Development

Mastering Dependency Injection in FastAPI: From Basics to Advanced Use

This article explains how FastAPI leverages Dependency Injection to improve code reusability, modularity, and testability, covering basic examples, sub‑dependency handling, database session management with SQLAlchemy, and building a full‑featured user management API with authentication.

PythonWeb APIbackend development

0 likes · 9 min read

Mastering Dependency Injection in FastAPI: From Basics to Advanced Use

Rare Earth Juejin Tech Community

Jan 15, 2025 · Frontend Development

Document Picture-in-Picture API: Full Tutorial and Implementation Guide

This article provides a comprehensive tutorial on the Document Picture-in-Picture (PiP) API, covering its purpose, browser support checks, window creation, style synchronization, event handling, cloning techniques, and a complete example with HTML, CSS, and JavaScript code.

Document Picture-in-PictureWeb APIfrontend

0 likes · 11 min read

Document Picture-in-Picture API: Full Tutorial and Implementation Guide

Bilibili Tech

Oct 29, 2024 · Frontend Development

WebCodecs Solution Analysis

The article evaluates WebCodecs‑based video editing for browsers, comparing it to cloud and ffmpeg.wasm approaches, and concludes that its low cost and high extensibility outweigh limited ecosystem and compatibility, while outlining the required modules, OPFS storage, frame decoding, and spatial‑temporal manipulation techniques.

Frontend DevelopmentVideo EditingWeb API

0 likes · 14 min read

Rare Earth Juejin Tech Community

Oct 26, 2024 · Frontend Development

Understanding JavaScript Blob and File Objects: APIs, Methods, and Practical Use Cases

This article explains JavaScript's Blob and File objects, their creation syntax, properties, methods such as slice, text, arrayBuffer, and stream, and demonstrates common scenarios like file download, upload, image reading, and Base64 conversion with clear code examples.

Web APIblobfile handling

0 likes · 10 min read

Understanding JavaScript Blob and File Objects: APIs, Methods, and Practical Use Cases

Python Programming Learning Circle

Oct 19, 2024 · Fundamentals

Building a Simple Python Translator with a Tkinter GUI and Youdao Web API

This article demonstrates how to create a basic translation application in Python using Tkinter for the graphical interface and the Youdao web API for translating text, providing complete source code and step‑by‑step explanations.

GUIPythonTkinter

0 likes · 5 min read

Building a Simple Python Translator with a Tkinter GUI and Youdao Web API

Rare Earth Juejin Tech Community

Sep 2, 2024 · Frontend Development

How to Detect Clipboard Content and Page Visibility Changes in a Web App

This article explains how to use the browser's Visibility API and Clipboard API to detect when a web page becomes visible after being hidden, read text or image data from the clipboard in a secure context, and trigger custom actions such as link parsing or image uploading.

ClipboardWeb APIclipboard-read

0 likes · 10 min read

How to Detect Clipboard Content and Page Visibility Changes in a Web App

Code Mala Tang

Jun 29, 2024 · Frontend Development

Master WritableStream: Real-World Uses, Best Practices, and Common Pitfalls

This article introduces the JavaScript WritableStream API, explains its core methods and construction, demonstrates practical scenarios such as file uploads, logging, data transformation, and media handling, and discusses advanced considerations like chunk sizing, error recovery, concurrency control, and performance optimization.

StreamingWeb APIWritableStream

0 likes · 10 min read

Master WritableStream: Real-World Uses, Best Practices, and Common Pitfalls

macrozheng

Jun 20, 2024 · Backend Development

What Is the HTTP QUERY Method and How Does It Differ from GET/POST?

This article explains the HTTP QUERY method as a safe, idempotent request type that carries payloads like POST but enables caching and automatic retries, detailing its semantics, caching behavior, Accept-Query header, and providing practical code examples.

QUERY methodWeb APIbackend

0 likes · 10 min read

What Is the HTTP QUERY Method and How Does It Differ from GET/POST?

Python Programming Learning Circle

Mar 16, 2024 · Backend Development

Building a Flask Test Site and Retrieving Data with Excel and Python

This tutorial explains how to create a simple Flask web site and RESTful API, then demonstrates retrieving the table data using Excel's web import feature and Python's requests, BeautifulSoup, and pandas libraries, while comparing the two approaches.

Data ExtractionExcelFlask

0 likes · 9 min read

Building a Flask Test Site and Retrieving Data with Excel and Python

Rare Earth Juejin Tech Community

Nov 15, 2023 · Frontend Development

Understanding and Using IntersectionObserver for Lazy Loading, Scroll Animations, Infinite Scrolling, and Virtual Lists

This article introduces the IntersectionObserver API, explains its constructor, options, and entry properties, and demonstrates practical applications such as lazy loading images, scroll‑triggered animations, infinite scrolling, and virtual list rendering with complete code examples.

IntersectionObserverScroll AnimationWeb API

0 likes · 11 min read

Understanding and Using IntersectionObserver for Lazy Loading, Scroll Animations, Infinite Scrolling, and Virtual Lists

Sohu Tech Products

Feb 1, 2023 · Frontend Development

Using the New scrollend Event to Detect When Scrolling Stops

This article explains the newly supported scrollend event, how it replaces unreliable timer‑based scroll‑stop detection, shows practical code examples, lists the conditions under which it fires, discusses browser support, and provides a polyfill for broader compatibility.

Event HandlingWeb APIfrontend

0 likes · 5 min read

Using the New scrollend Event to Detect When Scrolling Stops

Rare Earth Juejin Tech Community

Nov 17, 2022 · Frontend Development

Deep Dive into requestIdleCallback API and Its Use with React

This article explains the requestIdleCallback web API, its syntax, execution timing, task‑queue handling, performance characteristics, compatibility issues, and practical integration with React and requestAnimationFrame to off‑load low‑priority work without blocking UI rendering.

Idle TasksReactWeb API

0 likes · 14 min read

Deep Dive into requestIdleCallback API and Its Use with React

DaTaobao Tech

Sep 20, 2022 · Frontend Development

Understanding Intersection Observer API and Its Polyfill Implementation

The article explains how the Intersection Observer API offloads visibility detection from scroll events to improve performance, details its creation, options, callback structure, and entry data, and describes a polyfill that mimics native behavior using event listeners, mutation observers, and geometric calculations for broader browser support.

IntersectionObserverWeb APIjavascript

0 likes · 16 min read

Understanding Intersection Observer API and Its Polyfill Implementation

Sohu Tech Products

Apr 27, 2022 · Fundamentals

Understanding the ShadowRealm API: Isolated JavaScript Realms and Their Usage

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.

SecurityShadowRealmWeb API

0 likes · 9 min read

Understanding the ShadowRealm API: Isolated JavaScript Realms and Their Usage

IT Services Circle

Apr 14, 2022 · Frontend Development

Understanding the ShadowRealm API: Isolated JavaScript Execution Environments

This article introduces the ShadowRealm API, a new JavaScript proposal that creates independent, highly isolated realms for executing code, explains its type signatures, demonstrates .evaluate() and .importValue() methods with practical examples, and compares it with eval, Web Workers, iframes, and Node.js vm.

SecurityShadowRealmWeb API

0 likes · 10 min read

Understanding the ShadowRealm API: Isolated JavaScript Execution Environments

Yuewen Frontend Team

Feb 24, 2022 · Frontend Development

Master Selections and Cursors in Web Development: Complete Guide with Code Samples

This comprehensive tutorial explains how selections and cursors work in web pages, covering the underlying Selection and Range APIs, handling editable and non‑editable elements, manipulating text in inputs, textareas, and rich content, and providing practical code snippets for every scenario.

CursorDOMWeb API

0 likes · 21 min read

Master Selections and Cursors in Web Development: Complete Guide with Code Samples

ByteFE

Aug 18, 2021 · Frontend Development

Understanding and Using the Intersection Observer API for Visibility Detection in Frontend Development

This article explains the purpose, core concepts, configuration options, callback handling, and practical use‑cases of the Intersection Observer API—such as lazy loading, infinite scrolling, sticky headers, and analytics—while providing complete Vue 3 code examples and compatibility notes.

Infinite ScrollIntersectionObserverSticky Header

0 likes · 21 min read

Understanding and Using the Intersection Observer API for Visibility Detection in Frontend Development

php中文网 Courses

Nov 12, 2020 · Frontend Development

Understanding Node, Element, NodeList, and HTMLCollection in the DOM

This article explains the differences between Node and Element in the DOM, clarifies the roles of NodeList and HTMLCollection, demonstrates how to inspect child nodes with code examples, and provides practical tips for handling these objects in frontend development.

DOMElementFrontend Development

0 likes · 4 min read

Understanding Node, Element, NodeList, and HTMLCollection in the DOM