美文网首页
微前端——概述(一)

微前端——概述(一)

作者: Y_d4ea | 来源:发表于2019-05-31 13:48 被阅读0次

微前端是什么?

微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。


image.png

微前端的优势在哪?

1.在同个页面使用多个框架而不需要刷新页面(例如:vue、react、angular等等)
2.独立部署
3.使用新框架编写代码,而无需重写现有应用程序
延迟加载代码,用于改善初始加载时间

技术选型

single-spa
引用官网的一张图片,分3种
根据生产环境要求,之后围绕Module loading讨论
官网的例子可能很多人看的一头雾水,后面将给出简单例子


image.png

相关文章

  • 微前端——概述(一)

    微前端是什么? 微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体...

  • 微前端(Micro Frontend ) 落地实施的一些具体例子

    前文微前端概述(Micro Frontends) 以及相比单体应用,微前端能带来什么好处[https://jerr...

  • 前端概述

    1.什么是前端? 所谓前端即web前端,其实存在于我们生活的每个角落,和我们的生活息息相关,手机中的app应用,电...

  • 前端概述

    jQuery API 中文文档:http://www.css88.com/jqapi-1.9/ lodash:ht...

  • 001 前端概述

    前端 一、什么是前端 ​ 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技...

  • SPA单页面应用微信授权

    基于单页面应用开发了几个微信公众号,梳理下微信公众号网页开发授权流程以便日后查阅。 概述 前端框架为vue 后端只...

  • 前端单元测试(一) - 入门向

    目录 概述为何要写测试前端测试的类型TDD vs BDD 常用前端单元测试框架JestMocha More前端测试...

  • 【前端】架构设计

    一、微前端 微前端架构 应用自治 单一职责 技术栈无关 为什么需要微前端 遗留系统迁移 后端解耦,前端聚合 热闹驱...

  • 微前端导读

    为什么需要学习微前端?我们通过3w(what,why,how)的方式来讲解微前端 1、什么是微前端? 微前端就是将...

  • Binding

    一、概述 二、使用 2.1 前端绑定方法 2.2 INotifyPropertyChanged 2.3 绑定方向 ...

网友评论

      本文标题:微前端——概述(一)

      本文链接:https://www.haomeiwen.com/subject/cnmwtctx.html