微前端之道(从理论到实践视频教学版)

《微前端之道：从理论到实践：视频教学版》 是一本深入浅出、以实战为导向的微前端入门图书 ，专为渴望在大型项目中灵活运用微前端技术的初 中级开发者量身打造。书中结合理论阐述与丰富实 例，系统介绍微前端的概念、起源、核心功能及其 在现代Web开发中的重要性，详细拆解多种实现方案 ，手把手引导读者从理论到实践的跨越。 书中80％的内容为实战演练，涵盖从基础概念 到高级部署优化的全过程，确保读者在动手操作中 扎实掌握微前端的核心技术。特别注重解决微前端 实际应用中的痛点，如性能瓶颈、跨框架集成和部 署策略，为读者提供了一套全面而实用的解决方案 。 《微前端之道：从理论到实践：视频教学版》 以清晰的逻辑结构、通俗易懂的语言风格以及丰富 的实战案例，为读者探索微前端领域引路。无论你 是希望提升现有项目架构效率的开发者，还是对未 来技术趋势充满好奇的求知者，本书都能助你快速 入门，并在运用微前端技术的道路上越走越远，实 现技术的飞跃与突破。

王佳琪，计算机专业毕业，一直从事前端领域工作已7年多，参加了多个项目的研发，有一线工作的经验。在博客园、掘金、腾讯云社区等互联网博客社区分享技术文章，全网阅读量在20万以上。曾著有《手写Vue.js2.0源码》一书。

第1章 架构与前端 1.1 模块化的目的 1.1.1 模块化的原始时期 1.1.2 Node.js与CommonJS 1.1.3 AMD与CMD争奇斗艳 1.1.4 ES6 Module一统天下 1.2 面向对象到底面向什么 1.2.1 面向对象的基本概念 1.2.2 类与类之间的关系 1.3 理解函数式编程 1.3.1 函数式的内涵 1.3.2 组合与管道 1.4 领域驱动设计 1.4.1 什么是领域 1.4.2 核心领域与领域逻辑 1.4.3 小结 1.5 微服务简介 1.5.1 微服务的特点及其优势 1.5.2 微服务带来的挑战 1.6 微前端并非万能钥匙 1.7 浏览器架构发展史 1.7.1 进程与线程的基本概念 1.7.2 早期单进程浏览器 1.7.3 早期多进程浏览器 1.7.4 现代多进程浏览器 1.7.5 未来浏览器架构浅析 1.8 本章小结 第2章 微前端概览 2.1 浅谈对微前端的认识 2.2 微前端（微服务）原则 2.2.1 独立部署 2.2.2 故障隔离 2.2.3 高度可观察性 2.2.4 围绕业务领域建模 2.2.5 自动化文化 2.2.6 隐藏实现细节 2.2.7 分布式治理 2.3 微前端的优缺点 2.3.1 微前端的优点 2.3.2 微前端的弊端以及挑战 2.4 微前端的适用场景 2.4.1 大型企业应用程序 2.4.2 复杂的前端应用程序 2.4.3 多团队协作 2.4.4 技术栈混合 2.4.5 增量升级 2.5 微前端实现要点 2.5.1 微前端拆分思路 2.5.2 界限上下文 2.5.3 组合 2.5.4 路由 2.5.5 通信 2.5.6 隔离 2.6 本章小结 第3章 微前端方案概览 3.1 微前端方案到底有哪些 3.2 路由式微前端 3.3 基于iframe的微前端示例 3.3.1 iframe方案核心 3.3.2 浅谈iframe方案的适用场景 3.3.3 基于iframe实现微前端的小例子 3.4 基于Web Component的微前端 3.4.1 Web Component使用简介 3.4.2 基于Web Component实现微前端示例 3.5 微应用化实现思路 3.6 微服务化 3.7 微件化 3.8 基于开源框架的微前端方案 3.8.1 Single-SPA 3.8.2 Qiankun 3.8.3 Wujie 3.8.4 MicroApp 3.8.5 Module Federation 3.8.6 Bit 3.8.7 FrintJS 3.8.8 其他 3.9 本章小结 第4章 路由式微前端实践 4.1 项目背景及项目初始化 4.1.1 新老项目简介 4.1.2 新老项目创建及基本结构 4.1.3 理解服务器端渲染 4.2 部署真实服务器 4.2.1 前置资源 4.2.2 域名解析及Nginx安装 4.3 Jenkins持续构建 4.3.1 了解Jenkins与持续构建 4.3.2 Jenkins在服务器上的安装 4.3.3 Jenkins工作流的简单实现 4.3.4 利用Jenkins拉取代码及发布 4.4 Docker的简单使用 4.4.1 Docker的安装 4.4.2 Docker的基本概念 4.4.3 Docker的简单使用 4.4.4 使用Dockerfile 4.5 改造“宝藏”项目的持续构建方式 4.5.1 自动触发Jenkins构建的配置步骤 4.5.2 在服务器上打包Vue项目 4.5.3 通过Docker改造项目的部署 4.6 “白月光”项目部署：在服务器部署SSR项目 4.7 路由式微前端实现 4.8 本章小结 第5章 iframe方案实践 5.1 iframe基本示例 5.1.1 “白月光”广告项目的创建与集成 5.1.2 “宝藏”项目嵌入iframe子项目 5.2 iframe通信 5.2.1 postMessage简介 5.2.2 postMessage在iframe方案中的实践 5.2.3 封装postMessage 5.3 iframe共享登录态 5.4 本章小结 第6章 客户端侧组合方案 6.1 NPM方案 6.1.1 项目创建及基本目录结构 6.1.2 本地NPM方案的实践 6.1.3 将NPM方案示例发布到线上 6.2 动态Script方案 6.2.1 生成打包资源表 6.2.2 改造微应用 6.2.3 主应用改造 6.3 WebComponent方案 6.4 本章小结 第7章 服务侧组合方案 7.1 动态缓存技术之CSI、ESI与SSI 7.2 SSI技术简单示例 7.3 SSR与微前端 7.4 本章小结 第8章 微前端框架的简易使用 8.1 Single-spa 8.1.1 Single-spa简介 8.1.2 Single-spa的使用 8.1.3 Single-spa的NPM方案实践 8.1.4 Single-spa的动态Script方案实践 8.1.5 Single-spa的Fetch方案实践 8.1.6 小结 8.2 Qiankun 8.2.1 Qiankun的基本理论 8.2.2 Qiankun简单实践 8.3 Wujie 8.3.1 Wujie的基本理论 8.3.2 Wujie简单实践 8.3.3 小结 8.4 MicroApp 8.4.1 MicroApp的基本理论 8.4.2 MicroApp简易实践 8.5 本章小结