E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
single-spa
微前端框架 之
single-spa
从入门到精通
简介从基本使用->部署->框架源码分析->手写框架,带你全方位刨析
single-spa
框架前序目的会使用
single-spa
开发项目,然后打包部署上线刨析
single-spa
的源码原理手
李永宁_lyn
·
2022-02-18 08:24
初步认识微前端(
single-spa
和 qiankun)
初步认识微前端微前端是什么现在的前端应用,功能、交互日益复杂,若只由一个团队负责,随着时间的推进,会越来越庞大,愈发难以维护。微前端这个名词,第一次提出是在2016年底。它将微服务(将单一应用程序划分成一组小的服务,服务之间相同配合,为用户提供最终价值)这个应用于服务端的技术扩展到前端领域。微前端背后的想法是:将网站或web应用程序视为由独立团队负责的子应用(或模块、功能)的组合。微前端核心是:拆
彭加李
·
2022-02-06 21:00
微前端框架 之 qiankun 从入门到源码分析
简介从
single-spa
的缺陷讲起->qiankun是如何从框架层面解决
single-spa
存在的问题->qiankun源码解读,带你全方位刨析qiankun框架。
·
2022-02-04 15:18
微前端框架 之 qiankun 从入门到源码分析
封面简介从
single-spa
的缺陷讲起->qiankun是如何从框架层面解决
single-spa
存在的问题->qiankun源码解读,带你全方位刨析qiankun框架。
李永宁
·
2022-02-04 11:00
微前端框架 qiankun 技术分析
我们在
single-spa
技术分析基本实现了一个微前端框架需要具备的各种功能,但是又实现的不够彻底,遗留了很多问题需要解决。
·
2021-12-21 08:04
微前端qiankun
微前端框架
single-spa
技术分析
本篇我们结合目前业内主流的微前端实现
single-spa
来说明在生产实践中是如何实现微前端的。
single-spa
的文档略显凌乱,概念也比较多,初次接触它的同学容易抓不住重点。
·
2021-12-03 10:00
微前端
配置一个壳子项目为vue技术栈的
single-spa
应用
技术选型:single-spavuetssystemjswebpack5umd完整的代码结构图
single-spa
落地结构图.png壳子项目改造开启history模式(试想一下,如果不开启,壳子应用跟子应用都是
Eason_0cce
·
2021-11-19 09:13
浅谈前端JS沙箱实现的几种方式
像微前端框架
single-spa
没有实现js沙箱,我们在构建大型微前端应用的时候,很容易造成一些变量的冲突,对应用的可靠性面临巨大的风险。
·
2021-09-12 12:30
微前端
Single-SPA
什么是微前端?微前端就是根据不同的功能拆分成多个独立模块(子应用),通过主应用来加载这些子应用。微前端的核心在于拆,拆完后在合。微前端的使用场景不同团队开发同一个应用,但是用到的技术栈不同的情况下每个团队独立开发部署,不依赖于别的团队代码老的项目代码和新的技术栈在同一应用中融合有人说了这用iframe一样能解决啊,注意,和微前端相比,iframe有多个弊端。比如1.左侧是一个菜单,右侧内容是加载不
·
2021-09-01 16:55
微前端vue.js
single-spa
微前端部署
构建主应用1、安装
single-spa
依赖npminstallsingle-spa--save-d并在mian.js中引入importVuefrom'vue'importAp
小小_绿
·
2021-06-12 08:36
umijs qiankun 初体验
背景:一些大的项目,需要一个前端中台,承载各项目组开发的应用,本篇文章是在工作实践后所写,网上找了好多例子也少,记录下来后面供自己预览qiankun是一个基于
single-spa
的微前端实现库umi插件
w晚风
·
2021-04-26 11:41
微前端
js沙箱sandboxproxy快照砂箱,单子应用cssshadowDOM前缀约定式隔离CSSmodule子应用加载添加、卸载移除
single-SPA
解决问题1兼容各种技术栈更优的性能每个独立模块的代码可做到按需加载
斗伽
·
2021-04-25 11:45
SystemJS笔记
为之后使用微前端方案(
single-spa
、qiankun)做铺垫。SystemJS是基于标准的模块加
jiansheng
·
2021-03-29 17:24
微前端框架qiankun之原理与实战
目录一、微前端概述1.基本原理2.微前端的主要优势3.当前微前端方案的一些缺点二、qiankun与
single-spa
实现原理1.single-spa实现原理(1).路由问题(2).应用入口(3).应用加载
夕山雨
·
2021-02-22 01:54
项目管理
微前端
qiankun
single-spa
微前端的生产实践和我的使用姿势
前言笔者在2019年末的时候开始了解微前端这个东西、当时看到两个微前端的框架、分别是
single-spa
和qiankun、在这两种技术去做选择去学习、看到qiankun是基于
single-spa
二次封装的
菜鸡H
·
2021-01-17 10:20
vue.js
javascript
react.js
node.js
微前端的生产实践和我的使用姿势
前言笔者在2019年末的时候开始了解微前端这个东西、当时看到两个微前端的框架、分别是
single-spa
和qiankun、在这两种技术去做选择去学习、看到qiankun是基于
single-spa
二次封装的
菜鸡H
·
2021-01-17 09:13
vue.js
javascript
react.js
node.js
qiankun & @umijs/plugin-qiankun实战
qiankun是一个基于
single-spa
的微前端实现库umi插件,提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统。
隐号骑士
·
2021-01-06 09:48
echart vue 图表大小_细聊
single-spa
+ vue来实现前端微服务项目
作者:Fly_bit转发链接:https://blog.csdn.net/m0_37968340/article/details/106823974一、前端微服务化的背景和价值:背景:业务模块呈现快速增长趋势,孵化的业务模块也逐渐增多。价值:让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块,支持独立开发、发布和部署;设计出提供支持插件化调整业务模块、可多团队共同维护
重庆Twistzz
·
2020-12-31 06:57
echart
vue
图表大小
可能是多端适配性最好的微前端框架
引子对微前端方向有了解的同学可能都看过qiankun的文档,深入的同学估计也去翻过其代码和
single-spa
的源码。
valleykid
·
2020-12-30 02:32
前端
微前端
前端架构
解密微前端:从qiankun看沙箱隔离
在我之前的文章提到过,微前端的本质是分治的处理前端应用以及应用间的关系,那么更进一步,落地一个微前端框架,就会涉及到三点核心要素:子应用的加载;应用间运行时隔离;路由劫持;对于qiankun来说,路由劫持是在
single-spa
玩弄心里的鬼
·
2020-11-19 11:01
前端
微前端
前端框架
源码
javascript
解密微前端:从qiankun看子应用加载
在我之前的文章提到过,微前端的本质是分治的处理前端应用以及应用间的关系,那么更进一步,落地一个微前端框架,就会涉及到三点核心要素:子应用的加载;应用见运行时隔离;路由劫持;对于qiankun来说,路由劫持是在
single-spa
玩弄心里的鬼
·
2020-11-19 11:14
前端
javascript
微前端
源码
解密微前端:从qiankun看沙箱隔离
在我之前的文章提到过,微前端的本质是分治的处理前端应用以及应用间的关系,那么更进一步,落地一个微前端框架,就会涉及到三点核心要素:子应用的加载;应用间运行时隔离;路由劫持;对于qiankun来说,路由劫持是在
single-spa
玩弄心里的鬼
·
2020-11-19 10:49
前端
微前端
前端框架
源码
javascript
single-spa
微前端开发
最近在做一个项目是关于微前端和微服务今天就说说微前端把,微前端使用的是
single-spa
项目是用vuecli3脚手架搭建,
single-spa
实现了大部分框架(vue、react、angular)的启动和卸载处理的
知所云
·
2020-10-10 10:43
打造自己的集成开发工作站(四)——webpack, typescript eslint
通过前三篇文章对微前端有了一些了解,并初步学习了一些
single-spa
概念;从这篇开始手动搭建一个基于
single-spa
的微前端项目框架。
yidichaxiang
·
2020-09-15 01:14
JavaScript
CSS
学习总结
jQuery
学习笔记
Node.js
笔记
typescript
webpack
single-spa
结合vue项目初探
single-spa
结合vue项目初探本次案例以vue-element-admin为例,验证
single-spa
的可接入性。
StarFishing
·
2020-09-14 09:54
微前端
node.js
javascript
基于lerna和
single-spa
, sysyem.js搭建 vue 的微前端框架
授权转载自:mongofeng源码地址:https://github.com/mongofeng/vue-mic为什么要用微前端目前随着前端的不断发展,企业工程项目体积越来越大,页面越来越多,项目变得十分臃肿,维护起来也十分困难,有时我们仅仅更改项目简单样式,都需要整个项目重新打包上线,给开发人员造成了不小的麻烦,也非常浪费时间。老项目为了融入到新项目也需要不断进行重构,造成的人力成本也非常的高。
前端瓶子君
·
2020-09-14 09:15
vue
java
docker
css
python
微前端:
Single-SPA
框架
Single-SPA
框架之前端微服务化解决方案系列介绍(包含DEMO)https://alili.tech/archive/ea599f7c/https://www.jianshu.com/p/1f409df7de45
wucong60
·
2020-08-23 21:59
Angular
前端微应用:前端大应用拆分为多个小应用(?前端 nginx?)
原文:www.yuque.com/xiezhongfu/…
single-spa
框架你值得研究,源码也比较简单:www.yuque.com/xiezhongfu/…到底要不要微前端改造:mp.weixin.qq.com
weixin_30659829
·
2020-08-23 20:00
微前端(qiankun)
qiankunqiankun蚂蚁金服基于
single-spa
的微前端解决方案,生产可用。特性基于
single-spa
封装,提供了更加开箱即用的API。
WEB前端含光
·
2020-08-23 15:29
前端基础
前端面试
也许这才是你想要的微前端方案
也许你看过了
Single-Spa
,qiankun这些业界成熟方案,非常强大:JS沙箱隔离、多栈支持、子应用并行、子应用嵌套,但仔细想想它真的适合你吗?对于我来说,太重了,概念太多,理解困难。
Denzel
·
2020-08-22 15:06
微前端
javascript
react.js
webpack
antd
single-spa
的简单介绍与遇到的问题小结
安装
single-spa
请看沉末的这篇文章。背景简单介绍下背景吧~为什么要用
single-spa
呢,是因为公司的项目需要拆项目了,这个时候就需要知道微前端的概念了,那么什么是微前端呢。
suedar
·
2020-08-22 15:57
前端
微前端
vue.js
适配 CRA 项目为微前端应用
前期准备一个使用CRA创建的新项目或者旧项目了解publicPath是什么了解
single-spa
中关于微前端应用的概念(及qiankun中html-entry的概念)解决如何覆盖CRA配置的问题通常情况下
littleLyon
·
2020-08-22 15:09
前端
javascript
微前端
react.js
目标是最完善的微前端解决方案 - qiankun 2.0
[email protected]
年6月,微前端框架qiankun正式发布了1.0版本,在这一年不到的时间内,我们收获了4k+star,收获了来自
single-spa
官方团队的问候,支撑了阿里
kuitos
·
2020-08-22 14:26
前端
javascript
微前端
微前端框架 qiankun 源码解读 1.3 hijackers/动态加载标签
execScripts}from'import-html-entry';import{isFunction}from'lodash';import{checkActivityFunctions}from'
single-spa
Manggoo
·
2020-08-20 06:51
qiankun
qiankun-微前端初体验
4、启动3个项目测试下1、微前端qiankun是一个基于
single-spa
的微前端实现库,旨在帮助
前端程序猿dzf
·
2020-08-18 16:14
前端干货
vue技术
教程
vue.js
reactjs
【微前端】微前端笔记(三)
前言本篇手写简易
single-spa
流程首先初始化项目npminit-ynpminstallrolluprollup-plugin-serve编写rollup.config.jsimportservefrom"rollup-plugin-serve
业火之理
·
2020-08-18 06:47
微前端
【微前端】微前端笔记(二)
前言第一篇的
single-spa
模式存在样式没有隔离,以及需要手动引入js的问题。
业火之理
·
2020-08-18 06:17
微前端
微前端 qiankun 项目实践 !!! 防踩坑指南
那什么是qiankun呢qiankun是一个基于
single-spa
傲娇的koala
·
2020-08-12 18:18
微前端qiankun集成
关于antdesginofvue微前端qiankun项目集成qiankun介绍qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
tangguo_kuku
·
2020-08-12 17:21
微前端
记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南
qiankun是一个基于
single-spa
的微前端
前端瓶子君
·
2020-08-12 17:01
qiankun的使用
微前端概念示意图qiankun简单介绍下图是qiankun开发团队对微前端的提出的方案设计,最终产出物就是qiankun基于
single-spa
封装,提供了更加开箱即用的API技术栈无关,任意技术栈的应用均可使用
你萌哥
·
2020-08-12 16:36
数控机床分期锁破解
2019年6月,数控机床分期锁破解qiankun正式发布了1.0版本,在这一年不到的时间内,我们收获了4k+star,收获了来自
single-spa
官方团队的问候,支撑了阿里200+线上应用,也成为社区很多团队选用的微前端解决方案
【電15690273307】
·
2020-07-11 23:31
工业系统
一步步带你搞一个微前端框架--基于
single-spa
原文地址微前端是我参加工作不久,一个同事大佬在公司尝试推行的,本人有幸参与其中。在微前端的概念出现之前,微服务就已经出现并且大火,而微前端就是借鉴了微服务的架构而产生的,他们很相似,我们可以对比着理解。微服务微前端一个微服务就是由一组接口构成,接口地址一般是URL。当微服务收到一个接口的请求时,会进行路由找到相应的逻辑,输出响应内容。后端微服务会有一个网关,作为单一入口接收所有的客户端接口请求,根
zdhui_fly
·
2020-07-10 14:33
打造自己的集成开发工作站(二)
构建应用
single-spa
应用与普通的单页面是一样的,只不过它没有HTML页面。在一个
single-spa
中,你的SPA包含许多被注册的应用,而各个应用可以使用不同的框架。
yidichaxiang
·
2020-07-09 03:43
Asp.Net
2.0
Ajax
学习笔记
Java
Web
经验总结
Windows
开发环境配置
single-spa
的简单介绍与遇到的问题小结
安装
single-spa
请看沉末的这篇文章。背景简单介绍下背景吧~为什么要用
single-spa
呢,是因为公司的项目需要拆项目了,这个时候就需要知道微前端的概念了,那么什么是微前端呢。
suedarsam
·
2020-07-05 13:33
前端
single-spa
的简单介绍与遇到的问题小结
安装
single-spa
请看沉末的这篇文章。背景简单介绍下背景吧~为什么要用
single-spa
呢,是因为公司的项目需要拆项目了,这个时候就需要知道微前端的概念了,那么什么是微前端呢。
suedar
·
2020-06-01 19:46
前端
微前端
vue.js
适配 CRA 项目为微前端应用
前期准备一个使用CRA创建的新项目或者旧项目了解publicPath是什么了解
single-spa
中关于微前端应用的概念(及qiankun中html-entry的概念)解决如何覆盖CRA配置的问题通常情况下
littleLyon
·
2020-06-01 19:04
前端
javascript
微前端
react.js
目标是最完善的微前端解决方案 - qiankun 2.0
[email protected]
年6月,微前端框架qiankun正式发布了1.0版本,在这一年不到的时间内,我们收获了4k+star,收获了来自
single-spa
官方团队的问候,支撑了阿里
kuitos
·
2020-06-01 19:27
前端
javascript
微前端
也许这才是你想要的微前端方案
也许你看过了
Single-Spa
,qiankun这些业界成熟方案,非常强大:JS沙箱隔离、多栈支持、子应用并行、子应用嵌套,但仔细想想它真的适合你吗?对于我来说,太重了,概念太多,理解困难。
Denzel
·
2020-06-01 12:17
微前端
javascript
react.js
webpack
antd
QianKun 2.0 微前端源码解析
此篇文章只简单梳理思路,不会源码逐行分析,看此文章前请熟悉qiankun和
single-spa
的使用最好暴露出的API,从index.ts文件可以看出下面暴露的APIexport{loadMicroApp
Jason_Zeng
·
2020-04-21 10:50
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他