技术雷达之「微前端」- 将微服务理念扩展到前端开发

JimmyLv · 2017-12-27T04:51:36Z

文章大纲本文共计约 7k 字，预计阅读时间 15mins 微前端的缘由：单体应用与微服务架构微服务架构带来了哪些好处？那么前端的现状呢？ —— 臃肿的前端微前端的定义 - 将微服务理念扩展到前端开发拆分微前端所带来的好处微前端的核心思想微前端的可选实践方案（ 4 种 +）创建更小的 Apps （而不是 Components ）如何组合微前端的 App 模块？ Option 1: 使用后端模板引擎插入 HTML Option 1.1: 渐进式从后端进行加载 Option 2: 使用 IFrame 隔离运行时 Option 3: 客户端 JavaScript 异步加载 Option 4: WebComponents 整合所有功能模块不同 App 模块之间如何交互？ More Options … 微前端的页面优化与实例多模块页面加载问题与优化建议微前端在 AEM （ CMS ）项目的应用现成解决方案：Single-SPA “ meta framework ” 总结与思考：微前端的优缺点优点缺点持续思考… 参考资料

This topic created in 3068 days ago, the information mentioned may be changed or developed.

文章大纲

本文共计约 7k 字，预计阅读时间 15mins

微前端的缘由：单体应用与微服务架构
- 微服务架构带来了哪些好处？
- 那么前端的现状呢？ —— 臃肿的前端
微前端的定义 - 将微服务理念扩展到前端开发
- 拆分微前端所带来的好处
- 微前端的核心思想
微前端的可选实践方案（ 4 种 +）
微前端的页面优化与实例
总结与思考：微前端的优缺点
参考资料

option

前端

模块

微

1 replies • 2017-12-27 12:52:22 +08:00

JimmyLv

Dec 27, 2017

年底求一波关注

技术雷达之「微前端」- 将微服务理念扩展到前端开发 | 《前端的逆袭》知乎专栏

文章大纲