主应用状态管理
{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }}
{{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }}
{{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}
分享
适合人群
1. 热爱前端技术、喜欢前端开发的小伙伴
2. 面临开发大型项目解耦的小伙伴
3. 考虑优化更好管理团队项目的小伙伴
你将会学到
你将全面掌握从零开始搭建微前端架构方案,不限于任何技术方案(Vue、React 等都可以)发布线上
- 掌握微前端qiankun框架
- 独立重构老旧项目到微前端架构体系中
- 微前端项目开发和线上部署
课程简介
微前端的介绍
微前端(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具,而是一套架构体系。
微前端的价值
1. 技术栈无关 主框架不限制接入应用的技术栈,子应用具备完全自主权
2. 独立开发、独立部署 子应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新
3. 独立运行时 每个子应用之间状态隔离,运行时状态不共享
课程内容
大喵将带着大家,从零开始使用 Vue.js、React.js、HTML技术从零开始构建我们的微前端项目。整个项目将采用qiankun 微前端框架来搭建我们的主应用基座,来接入我们的多种不同技术开发的子应用;整个项目涉及到项目的从零开始构建、qiankun核心API在项目的使用场景的详细讲解、npm scripts 工作流的统一管理配置、多个项目间数据管理和数据通信、webpack打包输出配置、线上构建部署发布等;小伙伴们学完本套课程,可以完全熟练使用qiankun框架接入自己的进行独立改造,独立开发一套为前端架构为体系的项目。(课程资料,在最后一节课附件下载)
展开更多
{{tips.text}}
{{ noteHeaderTitle }}
笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
{{ detail.username }}
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
公开笔记
保存提问
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交课程大纲
自动连播
20课时
Nuxt.js 开发基础与项目实战
3385人学习
大喵课堂
4.8
¥19.00
22课时
微前端新手入门实战课程
3328人学习
大喵课堂
5.0
¥39.80
9课时
Vue-cli 3.X 构建工具零基础快速上手
2965人学习
大喵课堂
暂无评分
免费
36课时
ElasticSearch+Node.js+Vue3.x 新手入门实战
1817人学习
大喵课堂
5.0
¥79.00
23课时
新手从零开始手写VUE基础版MVVM框架
1355人学习
大喵课堂
5.0
¥39.80
35课时
Vue短链接平台全栈开发实战
751人学习
大喵课堂
5.0
¥39.00
22课时
Vue3.0+Vue-router4.x+Vuex4.x 全家桶新特性入门实战
731人学习
大喵课堂
5.0
¥19.00
39课时
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)
1576250人学习
汤小洋
5.0
¥69.00