Tag

postMessage

0 views collected around this technical thread.

360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Jun 9, 2025 · Frontend Development

Choosing the Right Micro‑Frontend Strategy: Qiankun vs Umi Micro vs Iframe

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.

Frontend Architectureiframemicro-frontend
0 likes · 15 min read
Choosing the Right Micro‑Frontend Strategy: Qiankun vs Umi Micro vs Iframe
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 26, 2024 · Frontend Development

Cross-Origin and Same-Origin Strategies: JSONP, CORS, Proxy, Nginx, WebSocket, postMessage, and document.domain

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.

CORSCross-OriginJSONP
0 likes · 13 min read
Cross-Origin and Same-Origin Strategies: JSONP, CORS, Proxy, Nginx, WebSocket, postMessage, and document.domain
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 15, 2022 · Frontend Development

Designing a Unified Browser Message Communication Library (rpc-shooter) with TypeScript Interfaces and JSON-RPC

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.

JSON-RPCRPCTypeScript
0 likes · 13 min read
Designing a Unified Browser Message Communication Library (rpc-shooter) with TypeScript Interfaces and JSON-RPC
Ctrip Technology
Ctrip Technology
Jun 22, 2017 · Frontend Development

Common Front‑End Data Exchange Methods and Their Use Cases with Code Examples

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.

AJAXHTTPServer-Sent Events
0 likes · 16 min read
Common Front‑End Data Exchange Methods and Their Use Cases with Code Examples
Qunar Tech Salon
Qunar Tech Salon
Jun 7, 2017 · Frontend Development

Cross‑Origin Communication Techniques: JSONP, window.name, document.domain, CORS, postMessage, and WebSocket with Code Samples

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.

CORSCross-OriginJSONP
0 likes · 12 min read
Cross‑Origin Communication Techniques: JSONP, window.name, document.domain, CORS, postMessage, and WebSocket with Code Samples
Architect
Architect
Aug 31, 2015 · Frontend Development

Comprehensive JavaScript Cross‑Domain Guide with Demo

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.

Cross-OriginJSONPJavaScript
0 likes · 9 min read
Comprehensive JavaScript Cross‑Domain Guide with Demo