🏃🏻‍♀️这一次，让我们一起系统学习微前端！

参与《深入浅出微前端》小册分销，瓜分现金奖励💰，活动详情戳>>juejin.cn/post/726258…

掌握微前端，就等于掌握了相对全面的前端知识体系！

微前端的概念源自于微服务，主要目的是降低大型复杂应用的开发、升级、维护以及团队协作成本。当然，解耦历史遗留的难以开发、升级和维护的大型应用是目前使用微前端的一个重要原因。

微前端理论上需要具备独立部署、独立开发甚至是技术无关等特点。设计一个通用的微前端框架在技术上会涵盖前端的各个方面，包括浏览器的通用能力、框架 SDK 的设计、工程化设计、 开发脚手架模版设计、性能优化、聚合调试技巧、HTTP 请求知识以及 CI / CD 等。因此，如何掌握好微前端也成了很多人的难题。

但掘金作者「子弈」认为，学习微前端并不是什么困难的事情，我们可以从以下五个阶段入手。

• 第一阶段（使用） ：在业务中尝试接入社区常用的微前端框架，大致可以了解微前端的功能；

• 第二阶段（深入） ：通过调试源码深入学习微前端框架的内部运行原理；

• 第三阶段（总结） ：归纳总结微前端框架的设计要素，尝试学习各个设计要素的原理；

• 第四阶段（实践） ：尝试设计一个通用的微前端框架，加深对于原理的理解；

• 第五阶段（衍生） ：学习和微前端框架息息相关的其他原理知识，例如浏览器原理、V8 原理和工程化原理等。

基于上述几个学习阶段，「子弈」设计了这门课程，会讲解如何设计一个功能完善的微前端框架，并衍生前端工程化技术和底层原理知识。希望能帮助大家在掌握微前端的同时，全面了解前端的一些原理知识。该课程主要分为如下 9 个模块：

• 感性了解：讲解什么是微前端、微前端能解决业务中的哪些问题、实现微前端的方案有哪些，帮助大家感性了解微前端并可以建立宏观的认知。

• 方案了解：讲解微前端的几种简单实现方式，帮助大家了解微前端运行的大致轮廓。

• 框架原理：详细讲解微前端中的沙箱隔离、通信和性能优化等原理，帮助大家分片理解微前端运行原理。

• 工程设计：体系化讲解微前端框架的工程原理和技术实践，帮助大家了解工程化在团队协作中的设计规范。

• 框架设计： 基于微前端框架原理和工程实践，设计微前端框架，帮助大家全面连贯的理解微前端运行原理。

• 解决方案：基于微前端框架设计配套的 React & Vue 解决方案，提供 CLI 开发者工具和开发模版，可基于 CLI 快速创建开发应用的模版，理解通用型技术的业务封装设计。

• 应用实战：基于解决方案给出微前端应用的实战案例，帮助大家理解微前端的应用层设计方案。

• 源码分析：回顾 single-spa 和 qiankun 的工作原理，帮助大家循序渐进地了解社区框架的底层实现原理。

• 原理进阶：深入部分浏览器和 V8 原理，帮助大家了解前端的基础原理，提升前端的认知面。

你会学到什么？

1. 体系化的微前端运行原理和框架设计实践；

2. 体系化的前端工程化原理和实践；

3. qiankun & single-spa 等微前端框架的运行原理；

4. 浏览器和 V8 的部分基础原理。

目标人群

• 熟练掌握 JavaScript / TypeScript、CSS 以及 HTML，了解 React 和 Vue 框架；

• 没有使用过微前端，想体系化了解微前端，或者曾经使用过，但还不清楚内部的运行机制；

• 缺少工程化的设计经验及团队协作的经验，想要提升工程化能力；

• 想要深入了解浏览器、V8 等底层工作原理，了解一些服务端基础知识。

早鸟特惠，不止 6 折！

8月2日-8月16日购买，不仅享受早鸟 6 折特惠，还能参与小册分销，瓜分💰现金奖励！

活动戳>>juejin.cn/post/726258…