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

文章大纲

本文共计约 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 ”
• 总结与思考：微前端的优缺点
  • 优点
  • 缺点
  • 持续思考…
• 参考资料