├─第1章课程简介
│ 1-1导学.mp4
│
├─第2章架构基础知识
│ 2-1前端架构的前世今生.mp4
│ 2-2软件设计原则与分层（1）.mp4
│ 2-3软件设计原则与分层（2）.mp4
│ 2-4软件设计原则与分层（3）.mp4
│ 2-5软件设计原则与分层（4）.mp4
│ 2-6架构设计的质量-健壮性和稳定性.mp4
│ 2-7架构前期准备.mp4
│ 2-8技术填补与崩溃预防（1）.mp4
│ 2-9技术填补与崩溃预防（2）.mp4
│ 2-10系统重构（1）.mp4
│ 2-11系统重构（2）.mp4
│
├─第3章基础准备工作
│ 3-1微前端实现方式对比.mp4
│ 3-2技术选型-确定技术栈.mp4
│ 3-3绘制项目架构图.mp4
│
├─第4章应用开发
│ 4-1vue2子应用-新能源页面.mp4
│ 4-2vue3子应用-首页、选车页面.mp4
│ 4-3react15子应用-资讯、视频、视频详情.mp4
│ 4-4react16子应用-新车、排行、登录（1）.mp4
│ 4-5react16子应用-新车、排行、登录（2）.mp4
│ 4-6react16子应用-新车、排行、登录（3）.mp4
│ 4-7react16子应用-登录、新车、排行（4）.mp4
│ 4-8构建一个后端服务.mp4
│ 4-9后端服务请求处理（1）.mp4
│ 4-10后端服务请求处理（2）.mp4
│ 4-11子应用接入微前端-vue2（1）.mp4
│ 4-12子应用接入微前端-vue2（2）.mp4
│ 4-13子应用接入微前端-vue3（1）.mp4
│ 4-14子应用接入微前端-vue3（2）.mp4
│ 4-15子应用接入微前端-react15.mp4
│ 4-16子应用接入微前端-react16.mp4
│
├─第5章微前端框架开发-框架初长成
│ 5-1中央控制器-主应用开发.mp4
│ 5-2子应用注册.mp4
│ 5-3微前端框架-路由拦截.mp4
│ 5-4微前端框架-获取首个子应用.mp4
│ 5-5微前端框架-主应用生命周期.mp4
│ 5-6微前端框架-微前端生命周期.mp4
│ 5-7获取需要展示的页面-加载和解析html.mp4
│ 5-8加载和解析js.mp4
│ 5-9加载和解析js.mp4
│
├─第6章微前端框架开发-添加辅助功能
│ 6-1微前端环境变量设置（1）.mp4
│ 6-2微前端环境变量设置（2）.mp4
│ 6-3运行环境隔离-快照沙箱.mp4
│ 6-4运行环境隔离-代理沙箱.mp4
│ 6-5css样式隔离.mp4
│ 6-6应用间通信-父子通信（1）.mp4
│ 6-7应用间通信-父子通信（2）.mp4
│ 6-8应用间通信-父子通信（3）.mp4
│ 6-9应用间通信-子应用间通信.mp4
│ 6-10全局状态管理-全局store（1）.mp4
│ 6-11全局状态管理-全局store（2）.mp4
│ 6-12全局状态管理-全局store（3）.mp4
│ 6-13提高加载性能-应用缓存.mp4
│ 6-14提高加载性能-预加载子应用.mp4
│
├─第7章微前端框架开发-实现自动发布
│ 7-1框架发布–通过npm发布框架（1）.mp4
│ 7-2框架发布–通过npm发布框架（2）.mp4
│ 7-3应用部署-创建自动部署平台（1）.mp4
│ 7-4应用部署-创建自动部署平台（2）.mp4
│ 7-5实现应用的自动化部署（1）.mp4
│ 7-6实现应用的自动化部署（2）.mp4
│ 7-7实现应用的自动化部署（3）.mp4
│
├─第8章使用现有框架qiankun重写
│ 8-1使用qiankun重构项目.mp4
│ 8-2qiankun源码分析-应用注册.mp4
│ 8-3qiankun源码分析-应用加载.mp4
│ 8-4qiankun源码分析-沙箱隔离.mp4
│ 8-5qiankun源码分析-全局状态管理.mp4
│ 8-6qiankun源码分析-预加载.mp4
│ 8-7使用single-spa重构项目（1）.mp4
│ 8-8使用single-spa重构项目（2）.mp4
│ 8-9使用single-spa重构项目（3）.mp4
│ 8-10使用single-spa重构项目（4）.mp4
│ 8-11使用single-spa重构项目（5）.mp4
│ 8-12使用single-spa重构项目（6）.mp4
│ 8-13single-spa源码介绍.mp4
│
└─源码.zip
有需要联系v；加客服窗口的联系方式
摘要：本文以“从零打造微前端框架实战汽车资讯平台项目2022”为主题，详细阐述了微前端框架在汽车资讯平台项目中的应用与实践。通过分析项目背景、技术选型、开发过程和项目成果，为读者提供了一套完整的微前端框架实战经验。
1、项目背景
随着互联网技术的不断发展，用户对汽车资讯的需求日益增长。为了满足用户多样化的需求，汽车资讯平台需要具备高度的可扩展性和灵活性。微前端架构作为一种新型的前端开发模式，能够有效地解决传统前端开发中遇到的问题，提高开发效率和项目可维护性。
在汽车资讯平台项目中，采用微前端框架可以实现对不同功能模块的独立开发和部署，降低项目复杂度，提高开发效率。同时，微前端框架还能够实现跨团队协作，提高团队开发效率。
项目背景主要包括以下几个方面：一是汽车资讯行业的发展趋势；二是微前端架构的优势；三是项目需求分析。
2、技术选型
在技术选型方面，项目团队综合考虑了技术成熟度、社区活跃度、生态丰富度等因素，最终选择了Vue.js作为主框架，并结合React和Angular等框架进行微前端开发。
Vue.js以其简洁易用的特点，成为当前最受欢迎的前端框架之一。React和Angular则分别以其组件化和模块化设计理念，为微前端开发提供了良好的支持。
技术选型还包括了后端技术、数据库技术、缓存技术等方面的选择，以确保整个项目的稳定性和高性能。
3、开发过程
在开发过程中，项目团队遵循了敏捷开发模式，将整个项目划分为多个迭代周期，每个迭代周期完成一个功能模块的开发和测试。
在微前端开发过程中，项目团队采用了模块化设计，将不同功能模块划分为独立的组件，实现了模块间的解耦。同时，通过使用构建工具和打包工具，实现了模块的自动化构建和部署。
开发过程中，项目团队还注重代码质量，通过编写单元测试和集成测试，确保代码的稳定性和可靠性。
4、项目成果
经过近一年的开发，汽车资讯平台项目成功上线，实现了预期目标。项目成果主要体现在以下几个方面：一是实现了高度可扩展性和灵活性；二是提高了开发效率和项目可维护性；三是实现了跨团队协作。
项目上线后，用户反馈良好，平台访问量持续增长。同时，项目团队也积累了丰富的微前端开发经验，为后续项目提供了宝贵的参考。
总结：
本文以“从零打造微前端框架实战汽车资讯平台项目2022”为主题，详细阐述了微前端框架在汽车资讯平台项目中的应用与实践。通过分析项目背景、技术选型、开发过程和项目成果，为读者提供了一套完整的微前端框架实战经验。
本文的研究成果对于微前端架构在汽车资讯平台等领域的应用具有重要的参考价值。
本文由nayona.cn整理
联系我们
关注公众号
微信扫一扫
支付宝扫一扫
