This guide explains how to create a lightweight Chrome extension that intercepts fetch and AJAX requests, lets you define mock rules without installing heavy clients, and dramatically reduces memory usage during front‑end development.
The article explains the purpose and historical popularity of the document.domain property for cross‑subdomain communication, details its deprecation across major browsers due to security and maintenance concerns, and provides practical migration strategies using postMessage, Channel Messaging API, and proper CORS configuration.
This article compares two micro‑frontend frameworks (Qiankun and Umi Micro) and an iframe‑based solution, detailing their principles, feature comparisons, pros and cons, integration costs, typical scenarios, common pitfalls, and improvement plans to help developers select the most suitable approach for multi‑platform product integration.
This article explains why browsers block cross‑origin requests due to the Same‑Origin Policy, then walks through six practical solutions—including CORS headers, JSONP, Nginx reverse proxy, API gateways, WebSocket, and postMessage—providing code examples for both frontend and Spring Boot backend configurations.
This article explains the concepts of cross‑origin and same‑origin policies, and demonstrates multiple solutions—including JSONP, CORS headers, proxy servers, Nginx configuration, WebSocket communication, postMessage, and document.domain—providing both front‑end and back‑end code examples for each method.
This article explains how to build a versatile browser message‑communication library that works across iframes, Web Workers, ServiceWorkers, BroadcastChannel and other MessagePort‑like objects, using a unified interface design, TypeScript typings, event‑driven architecture and JSON‑RPC for reliable remote procedure calls.
This article explains why browsers enforce a minimum 4 ms delay for nested setTimeout calls, demonstrates how to bypass it using window.postMessage to create a true zero‑delay timer, and compares the performance of both approaches with detailed experiments and visualizations.
This article presents a technical design for a multi‑platform shop‑decoration system that shares data via React context, reuses Vue‑based preview components through an iframe, synchronizes updates with a postMessage wrapper, and implements drag‑and‑drop using vuedraggable, providing a scalable solution for PC, H5, and mini‑programs.
This article explains why switching iframe pages to HTTPS broke automatic resizing due to cross-origin restrictions, introduces the easyXDM library as a comprehensive solution, and provides step‑by‑step code examples for parent‑child communication, protocol selection, multi‑iframe handling, and debugging techniques.
This article reviews various front‑end data exchange techniques—including HTTP methods, form encodings, AJAX, fetch, Server‑Sent Events, WebSocket, postMessage, and Web Workers—explaining when to use each, providing practical examples and code snippets for real‑world scenarios.
This article demonstrates several cross‑origin communication methods—including JSONP, window.name, document.domain, CORS, postMessage, and WebSocket—by providing step‑by‑step code examples, host file configuration, and instructions for testing each technique in a local environment development.
Explore multiple cross-origin communication methods—including same-origin rules, JSONP, img ping, window.name, postMessage, and CORS—by understanding their principles, code examples, and server requirements, enabling developers to safely exchange data across different domains in web applications.
This article offers a thorough, demo‑driven tutorial on JavaScript cross‑origin techniques—including JSONP, document.domain, window.name, and HTML5 postMessage—explaining their principles, usage conditions, and code examples for practical implementation.
