第一点 ：传统web应用遇到的2个问题 1.User Experience 用户体验 2.Performance 性能问题 SPA如何解决这些问题的： 不重新加载页面，交互尽可能使用一个web document对象。 用户体验变得更加的连续和流畅，同时网络延时带来的影响也很容易忽略 ...

什么是微前端？ 主应用配置 采用 Angular 作为主应用基座，接入不同的子Angular项目构建angular主应用基座 使用angular cli生成angular项目 在 ...

前言 最近入职的一家公司采用single-spa这个微前端框架，所以自学了此框架。 single-spa这个微前端框架虽然有中文文档，但是有些零散和晦涩。 所以我想在学习之余，写篇博客拉平一下这个学习曲线。 什么是微前端？ 微前端的灵感来源于服务端微服务的理念。 可以简单理解为，在开发 ...

单体应用对比前端微服务化 普通的前端单体应用 微前端架构 1.基本概念 实现一套微前端架构，可以把其分成四部分（参考：https://alili.tech/archive/110 ...

前言 　　看这篇文章之前先要了解微前端概念，single-spa如何使用。 　　这篇文章主要分析single-spa原理。然后分析完之后，作者说说自己对于同时都是微前端框架qiankun和single-spa的关系的一些理解，因为在我学习刚开始微前端的时候，我其实不太明白都是微前端框架 ...

在理解微前端技术原理中我们介绍了微前端的概念和核心技术原理。本篇我们结合目前业内主流的微前端实现 single-spa 来说明在生产实践中是如何实现微前端的。 single-spa 的文档略显凌乱，概念也比较多，初次接触它的同学容易抓不住重点。今天我们尝试整理出一条清晰的脉络，让感兴趣的同学能够 ...

初步认识微前端 微前端是什么 现在的前端应用，功能、交互日益复杂，若只由一个团队负责，随着时间的推进，会越来越庞大，愈发难以维护。 微前端这个名词，第一次提出是在2016年底。它将微服务（将单一 ...

每日优鲜供应链前端团队微前端改造 动态注册路由，然后根据路由判断加载子项目js资源。子项目webpack需要设置externals，然后用systemjs接管external的包加载 web ...