微前端技术

一.微前端概念

前端微服务

二.常用前端架构

MPA(体验不好)
SPA（体验号，但是体量大）

三.微前端架构

技术栈无关

singleSPA--基于协议

路由

应用导入方式

config entry（问题：描述子应用真实的）
html entry(子应用是一个html)

隔离

css

BEM
CSS Module
Web Components

js

沙箱

公共资源加载

应用之间通信

兄弟节点之间的通信以主应用作为消息总线

四.其他性能优化

衡量方案：技术无关 接入友好
蚂蚁：OneX

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 微前端简介
    什么是微前端 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转...
    belllee阅读 23,637评论 0赞 17
  • 微前端如何落地？
    在过去的几个星期里，随着 Martin Fowler 博客上那篇 Cam Jackson 写的微前端的文章发布，到...
    ThoughtWorks阅读 4,666评论 0赞 1
  • 微前端 - 插拔式架构，SaaS产品定制化
    将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 前言 正如文章开头所引用，微前端是将 We...
    满是裂缝的花卷阅读 9,900评论 1赞 3
  • 开学了
    时间过得真快，现在这个我美好的假期已经过去了。又到了开学的时候。我心里非常我有整整一个月没有跟同学们见面了。所以我...
    陈博勇阅读 1,137评论 0赞 0
  • 【书写人生训练营】10组-董瑄-《被讨厌的勇气》
    读书笔记-摘抄 1.并非是“世界”本身复杂，完全是“你”把世界看得复杂。 思考：这句话好像特别对敏感、易多思多虑的...
    董瑄100514阅读 1,534评论 0赞 0