BestHub
Sign in
Tag

Web API

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
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.

BroadcastChannelJavaScriptWeb API
0 likes · 9 min read
Master Cross‑Tab Communication: BroadcastChannel vs localStorage in JavaScript
Code Mala Tang
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.

PythonWeb APIfastapi
0 likes · 7 min read
7 Essential FastAPI Middleware to Boost Performance, Security, and Maintainability
Code Mala Tang
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
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-PictureJavaScriptWeb API
0 likes · 11 min read
Document Picture-in-Picture API: Full Tutorial and Implementation Guide
Bilibili Tech
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.

Video EditingWeb APIWebCodecs
0 likes · 14 min read
WebCodecs Solution Analysis
Rare Earth Juejin Tech Community
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.

JavaScriptWeb APIblob
0 likes · 10 min read
Understanding JavaScript Blob and File Objects: APIs, Methods, and Practical Use Cases
Python Programming Learning Circle
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
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.

ClipboardJavaScriptWeb API
0 likes · 10 min read
How to Detect Clipboard Content and Page Visibility Changes in a Web App
Code Mala Tang
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.

JavaScriptStreamingWeb API
0 likes · 10 min read
Master WritableStream: Real-World Uses, Best Practices, and Common Pitfalls
macrozheng
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.

BackendHTTPQUERY method
0 likes · 10 min read
What Is the HTTP QUERY Method and How Does It Differ from GET/POST?
Python Programming Learning Circle
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
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
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 HandlingJavaScriptWeb API
0 likes · 5 min read
Using the New scrollend Event to Detect When Scrolling Stops
Rare Earth Juejin Tech Community
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 TasksJavaScriptReact
0 likes · 14 min read
Deep Dive into requestIdleCallback API and Its Use with React
DaTaobao Tech
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.

IntersectionObserverJavaScriptWeb API
0 likes · 16 min read
Understanding Intersection Observer API and Its Polyfill Implementation
Sohu Tech Products
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.

JavaScriptRuntimeShadowRealm
0 likes · 9 min read
Understanding the ShadowRealm API: Isolated JavaScript Realms and Their Usage
IT Services Circle
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.

JavaScriptRuntimeShadowRealm
0 likes · 10 min read
Understanding the ShadowRealm API: Isolated JavaScript Execution Environments
Yuewen Frontend Team
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.

CursorDOMJavaScript
0 likes · 21 min read
Master Selections and Cursors in Web Development: Complete Guide with Code Samples
ByteFE
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
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.

DOMElementJavaScript
0 likes · 4 min read
Understanding Node, Element, NodeList, and HTMLCollection in the DOM