前言 自从微前端框架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 ...