【完结14章】从0到1落地微前端架构, MicroApp实战招聘网站(附电子书)

halhgkweit8888888 · · 371 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

【完结14章】从0到1落地微前端架构, MicroApp实战招聘网站(附电子书) 微前端是一种架构风格,旨在通过将前端应用程序拆分为更小、更可管理的部分,使多个团队能够独立开发、部署和维护这些部分,从而实现前端的可扩展性和可维护性。   MicroApp框架是京东出品的一种用于构建微前端架构的开源框架,旨在帮助开发者更好地构建和管理复杂的前端应用程序。   京东MicroApp框架具有以下特点和功能: 轻量级:框架本身体积小,加载速度快,不会给应用程序带来额外的负担。 插件化:支持插件机制,可以根据需要灵活添加和扩展功能。 组件化:采用组件化的开发模式,方便开发者进行模块化开发和复用。 独立部署:每个MicroApp都可以独立部署和运行,支持单独开发和测试。 路由管理:提供路由管理功能,支持子应用之间的路由跳转和通信。 状态管理:提供状态管理机制,允许不同子应用之间共享数据和状态。 样式隔离:采用样式隔离的方式,确保每个子应用之间的样式不会相互干扰。 微前端的概念是由ThoughtWorks在2016年提出的,它借鉴了微服务的架构理念,核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用,每个应用都可以独立开发、独立运行、独立部署,再将这些小型应用融合为一个完整的应用,或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,相比一整块的前端仓库,微前端架构下的前端仓库倾向于更小更灵活。 微前端的出现主要是为了解决了两个问题: 1、随着项目迭代应用越来越庞大,难以维护。 2、跨团队或跨部门协作开发项目导致效率低下的问题。 micro-app 是借鉴了 Web Component 的思想,通过 Custom Element 结合自定义的 Shadow Dom,将微前端封装成一个类 Web Component 组件,从而实现微前端的组件化渲染。并且由于自定义 Shadow Dom 的隔离特性,micro-app 不需要像 single-spa 和 qiankun 一样要求子应用修改渲染逻辑并暴露出方法,也不需要修改 Webpack 配置,是目前市面上接入微前端成本最低的方案。 ![QQ截图20240423152819.png](https://static.golangjob.cn/240423/f3c0cbe2627f47ebd13fd6b9995da912.png)

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

371 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传