原文:微前端框架single-spa初探

前言 最近入职的一家公司采用single spa这个微前端框架,所以自学了此框架。 single spa这个微前端框架虽然有中文文档,但是有些零散和晦涩。 所以我想在学习之余,写篇博客拉平一下这个学习曲线。 什么是微前端 微前端的灵感来源于服务端微服务的理念。 可以简单理解为,在开发一个复杂前端应用时,将其划分为一系列更小更简单的前端应用。 这些前端应用可以单独开发 测试 部署,松耦合,可维护性强 ...

2021-09-08 00:07 16 3175 推荐指数:

查看详情

前端框架 single-spa

单体应用对比前端微服务化 普通的前端单体应用 前端架构 1.基本概念 实现一套前端架构,可以把其分成四部分(参考:https://alili.tech/archive/11052bf4/) 加载器:也就是前端架构的核心,主要用来调度子应用,决定何时展示哪个子应用 ...

Thu Nov 14 00:48:00 CST 2019 0 1606
前端框架 single-spa 技术分析

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

Fri Dec 03 16:42:00 CST 2021 0 1289
前端single-spa原理学习

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

Thu Nov 12 23:49:00 CST 2020 2 3369
初步认识前端single-spa 和 qiankun)

初步认识前端 前端是什么 现在的前端应用,功能、交互日益复杂,若只由一个团队负责,随着时间的推进,会越来越庞大,愈发难以维护。 前端这个名词,第一次提出是在2016年底。它将微服务(将单一应用程序划分成一组小的服务,服务之间相同配合,为用户提供最终价值)这个应用于服务端的技术扩展到前端 ...

Mon Feb 07 05:29:00 CST 2022 0 1312
qiankun 蚂蚁金服基于single-spa前端解决方案

qiankun 蚂蚁金服基于single-spa前端解决方案,生产可用 包含的特性 基于single-spa 基于无关 html entry 方式模式 样式隔离 js 沙箱 资源预取 说明 qiankun是一个很不错的前端解决方案,生产可用 参考资料 ...

Thu Apr 02 16:43:00 CST 2020 0 6462
Single-SPA 前端微服务化 动态路由多系统合并

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

Thu Sep 19 22:49:00 CST 2019 0 1421
前端-angular+qiankun+single-spa

什么是前端? 主应用配置 采用 Angular 作为主应用基座,接入不同的子Angular项目构建angular主应用基座 使用angular cli生成angular项目 在主应用中安装 qiankun 将普通的angular项目改成主应用基座 ...

Sat Jan 22 02:07:00 CST 2022 0 971
SPAsingle page application)

一、SPA的概述 SPAsingle page application)单页面应用程序,在一个完成的应用或者站点中,只有一个完整的html页面,这个页面有一个容器,可以把需要加载的代码片段插入到该容器中。 SPA的工作原理:  eg: http://127.0.0.1 ...

Fri Nov 03 01:30:00 CST 2017 0 1296
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM