北鸟南游的博客 北鸟南游的博客
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
  • 棋牌益智
关于我
归档
GitHub (opens new window)
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
  • 棋牌益智
关于我
归档
GitHub (opens new window)
  • 面试
  • 算法入门
  • 图形学入门
  • 极客专栏
  • 慕课专栏
    • 001-NestJS入门到实战前端必学服务端新趋势
    • 002-ReactNative+Redux打造高质量上线App
    • 003-typescript+reactNative开发喜马拉雅APP
    • 004-flutter入门,实战携程网app开发
    • 005-Vue3+TS打造企业级组件库前端中高级开发者必修课
    • 006-Vue3+Vite+TS,二次封装element-plus业务组件
    • 007-基于Vue3打造前台+中台通用提效解决方案
    • 008-React17+ReactHook+TS4最佳实践仿Jira企业级项目
    • 009-TS+React18全流程开发UI组件库
    • 010-WebGL+Threejs入门与实战-系统学习Web3D技术
    • 011-TypeScript高手,成为抢手的前端开发人才
    • 012-2021最新版uni-app从入门到进阶系统完成项目实战
    • 013-vue+go高性能企业级微服务网关
    • 014-前端性能优化--6大角度综合型优化方案
    • 015-Docker环境下的前后端分离项目部署与运维
    • 016-JavaScriptES(6-10)全版本语法大全
    • 017-编程必备基础大话HTTP协议
    • 018-Jest前端测试入门到TDD+BDD双实战
    • 019-TypeScript系统入门到项目
    • 020-TypeScript重构axios
    • 021-React源码深度解析视频教程
    • 022-JavaScript设计模式与开发实践
    • 023-Java并发编程与高并发解决方案
    • 023-从0到1落地微前端架构,MicroApp实战招聘网站
      • 课程介绍:
      • 课程亮点
      • 课程目录
        • 第1章 课程介绍
        • 第2章 为什么前端工程师都应该学习微前端?
        • 第3章 微前端技术选型&微前端架构设计方案
        • 第4章 开发环境搭建&后端API联调说明
        • 第5章 微前端实战1—主应用main-vue3
        • 第6章 微前端实战2—子应用child-nuxt2-home
        • 第7章 微前端实战3—子应用child-vue2-job
        • 第8章 微前端实战4—子应用child-vue3-enterprise
        • 第9章 微前端实战5—子应用child-react18-about
        • 第10章 沙箱隔离&加载&缓存&数据通信&跨应用跳转等能力拓展
        • 第11章 微前端性能优化实践
        • 第12章 微前端应用如何优雅上线?
        • 第13章 工程化微前端的另一种方案
        • 第14章 课程总结
    • 024-Google资深工程师深度讲解Go语言
    • 025-WebRTC入门与实战
    • 026-Socket网络编程
    • 027-程序员的高等数学课
    • 028-go仿阿里系优酷网-企业级Go改造PHP项目
    • 029-大学计算机必修课新讲--编译原理+操作系统+图形学
    • 030-Docker环境下的前后端分离项目部署与运维
    • 031-操作系统入门与实践-参透技术本质
  • vue3+vite封装element组件库
  • 基于云开发模式开发微信小程序
  • 珠峰培训资料
  • theme
  • mooc
北鸟南游
2025-06-23
目录

023-从0到1落地微前端架构,MicroApp实战招聘网站

# 课程介绍:

能够应对不同技术栈、不同构建工具的巨石应用架构是前端高级工程师的衡量标准之一。本课程为你提供一套大型中台项目构建、多技术栈项目融合的最佳落地方案,并结合主流微前端框架MicroApp,流行技术栈Vue3、React18、Nuxt2、Vue2、Vite、Webpack最终聚合实现多个子应用的大型招聘网站,助力你成长为独当一面、具备team leader潜质的前端高级工程师。

# 课程亮点

  • 掌握整套微前端架构解决方案
  • 训练前端多应用架构设计思维
  • 收获从0到1落地微前端的经验
  • 强化Vue3、Nuxt2等主流技术
  • 提升多项目多技术栈融合能力
  • 提高多角色分工与协作开发力

# 课程目录

# 第1章 课程介绍

# 第2章 为什么前端工程师都应该学习微前端?

了解微前端的应用场景,并对市面上的多种微前端基数方案进行比较,加深对微前端架构思想的理解

# 第3章 微前端技术选型&微前端架构设计方案

进行实战项目的技术栈选型,确定使用微前端框架micro-app,并阐明它的优势

# 第4章 开发环境搭建&后端API联调说明

开发环境准备

# 第5章 微前端实战1—主应用main-vue3

扮演上帝视角,使用Vue3技术栈构建子应用,构建基座应用,对未来多个子应用进行统筹,具备无缝衔接微应用的能力

# 第6章 微前端实战2—子应用child-nuxt2-home

扮演研发团队A角色,使用Nuxt2技术栈构建子应用,详解Nuxt2子应用如何接入微前端体系,最终实现了【首页】业务模块相关功能

# 第7章 微前端实战3—子应用child-vue2-job

扮演研发团队B角色,使用Vue2技术栈构建子应用,详解Vue2子应用如何接入微前端体系,最终实现了【职位】业务模块相关功能

# 第8章 微前端实战4—子应用child-vue3-enterprise

扮演研发团队C角色,使用Vue3技术栈构建子应用,详解Vue3+Vite子应用如何接入微前端体系,最终实现了【企业】业务模块相关功能

# 第9章 微前端实战5—子应用child-react18-about

扮演研发团队D角色,使用React18技术栈构建子应用,详解React18+Webpack子应用如何接入微前端体系,最终实现了【关于我们】业务模块相关功能

# 第10章 沙箱隔离&加载&缓存&数据通信&跨应用跳转等能力拓展

通过实际案例和具体业务场景,解析微前端框架的多种能力:沙箱隔离能力、加载能力、缓存能力、数据通信能力、跨应用跳转能力

# 第11章 微前端性能优化实践

逐一对主、子应用进行交互、打包优化,进一步提升巨石应用整体性能

# 第12章 微前端应用如何优雅上线?

将实战项目从本地环境提升到了生产环境,通过对主、子应用的依次部署,确保微前端应用在生产环境的稳定性,学会如何将一个微前端应用成功部署上线

# 第13章 工程化微前端的另一种方案

为中小产研团队提供一种更合理的架构方案

# 第14章 课程总结

资源下载 (opens new window) 提取码:http://dt1.8tupian.net/2/29369a325b200.pg1

编辑 (opens new window)
上次更新: 2025/06/23, 08:09:51
023-Java并发编程与高并发解决方案
024-Google资深工程师深度讲解Go语言

← 023-Java并发编程与高并发解决方案 024-Google资深工程师深度讲解Go语言→

最近更新
01
阿豪象棋,棋理新编
06-23
02
index
06-23
03
031-操作系统入门与实践-参透技术本质
06-23
更多文章>
Theme by Vdoing | Copyright © 2018-2025 北鸟南游
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式