前言 自從微前端框架micro-app開源后，很多小伙伴都非常感興趣，問我是如何實現的，但這並不是幾句話可以說明白的。為了講清楚其中的原理，我會從零開始實現一個簡易的微前端框架，它的核心功能包括：渲染、JS沙箱、樣式隔離、數據通信。由於內容太多，會根據功能分成四篇文章進行講解，這是系列文章 ...

前言 自從微前端框架micro-app開源后，很多小伙伴都非常感興趣，問我是如何實現的，但這並不是幾句話可以說明白的。為了講清楚其中的原理，我會從零開始實現一個簡易的微前端框架，它的核心功能包括：渲染、JS沙箱、樣式隔離、數據通信。由於內容太多，會根據功能分成四篇文章進行講解，這是系列文章 ...

前言 自從微前端框架micro-app開源后，很多小伙伴都非常感興趣，問我是如何實現的，但這並不是幾句話可以說明白的。為了講清楚其中的原理，我會從零開始實現一個簡易的微前端框架，它的核心功能包括：渲染、JS沙箱、樣式隔離、數據通信。由於內容太多，會根據功能分成四篇文章進行講解，這是系列文章 ...

RPC全稱為Remote Procedure Call，翻譯過來為“遠程過程調用”。目前，主流的平台中都支持各種遠程調用技術，以滿足分布式系統架構中不同的系統之間的遠程通信和相互調用。遠程調用的應用場景極其廣泛，實現的方式也各式各樣。 從通信協議的層面，大致可以分為： 基於HTTP協議 ...

一、數據通信的概念 　　1.1 概念 　　廣義概念：把消息由一地向另一地或多地進行消息的有效傳輸稱為數據通信。 　　狹義概念：利用電磁波、電子技術、光電手段，借助電信號或光信號實現把消息從一地向另一地或多地進行消息地有效傳輸和交換的過程稱為數據通信。 　　通信的實質就是實現信息的有效傳輸 ...

數據通信的基礎知識 典型的數據通信模型： 相關術語 通信的目的是傳送消息。 數據（data）——運送消息的實體； 信號（signal）——數據的電氣或電磁的表現； “數字信號”——代表消息的參數的取值是離散的； “模擬信號”——代表消息的參數的取值 ...

業務場景，前端一個彈框中，使用iframe嵌入了一個子項目，子項目中的操作完成之后，需要關閉彈框； 關系：父組件react 頁面 ，子組件 嵌入的頁面 實現方案： 1.window全局定義一個事件xxx，代碼塊里面寫關閉的方法；子項目中window.xxx 2.通過判斷子項目中的某個dom ...

一、加載方式 1. 靜態加載 1.1 加載步驟 (1) 創建fragment：創建自定義Fragment類繼承自Fragment類，同時將自定義Fragment類與Fragment視圖綁定(將l ...