# micro-frontend

**Repository Path**: dev-edu/micro-frontend

## Basic Information

- **Project Name**: micro-frontend
- **Description**: 微前端相关的课程资料
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 27
- **Created**: 2023-06-16
- **Last Updated**: 2025-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ReadMe

# 视频文档说明

### 一、章节

整个视频分成7个章节，在第一章概述的视频中，大家可以看到这个章节划分。

不过，为了大家更好的获取源代码和文档，对gitee上的代码进行了重构。每个源代码和文档进行对应(有些对代码修改没有影响合并在一个章节)，这样大家获取源代码可以所见即所得。

**1、第一章：微前端概述**

**2、第二章：前置知识**

视频&文档&源代码：02-03

**3、第三章：MicroApp框架的使用**

视频&文档&源代码：04-10

<u>由于每个视频的源代码和文档影响不大，源代码和文档合并在一个文件夹中</u>

**4、第四章：手写MicroApp源码**

视频&文档&源代码：11-18

**5、第五章：qiankun框架的基本原理与集成**

视频&文档&源代码：19-22

<u>由于每个视频的源代码和文档影响不大，源代码和文档合并在一个文件夹中</u>

**6、第六章：qiankun页面渲染源码的实现**

视频&文档&源代码：23-27

**7、第七章：qiankun一些常见解决方案**

视频&文档&源代码：28-33

### 二、视频观看顺序

建议按顺序观看

MicroApp与qiankun这两个框架在录制时侧重点稍有区别，

手写MicroApp源码讲解较为详细，qiankun的一些解决方案讲解较为详细

如果**只想了解一种框架**，比如qiankun，可以选择看完第一章概述之后，直接观看第五章

### 三、关于分支问题

由于qiankun后面几个视频，对于其他代码影响较大，因此开始采取了分支的形式进行编写代码。

不过为了便于同学们拉取代码，所见即所得，修改了gitee代码结构，将分支的内容全部都复制到了master主分支上。

当然，同学们依旧可以通过分支来获取代码。不过分支上的代码结构是按照之前章节划分的，不是后面所见即所得的形式，所以文件夹上可能会有多余的情况，不过这并不影响你阅读代码，如果你根本不切换分支，这对你没有任何影响