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
原理也大同小异,也可以类比的理解为一种模块化开发的单页应用,只不过在单项目的单页应用中划分的模块是各种组件,而在微前端中各个模块就是各个独立的子
Icewen
·
2024-02-01 06:24
第十章(应用场景篇)
Single-SPA
微前端架构深度解析与实践教程
文章目录
Single-SPA
微前端架构深度解析与实践教程1、
Single-SPA
介绍2.1Single-SPA是什么2.2Single-SPA的特点2、
Single-SPA
核心原理3.1路由机制3.2生命周期管理
球球不吃虾
·
2024-01-31 08:24
微前端
前端
架构
微前端(qiankun)使用手册
qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
StoneHui
·
2024-01-29 18:06
第四章(原理篇) 前端容器技术
文章目录前端容器技术容器技术的概念主流前端容器介绍(如[
Single-SPA
](https://single-spa.js.org/docs/getting-started-overview))核心特性工作原理实现方式案例分析代码示例容器与微前端的关系前端容器技术容器技术的概念在计算机科学中
球球不吃虾
·
2024-01-26 09:48
微前端
前端
微前端框架篇一,了解qiankun
ⅣSystemJS与import-html-entryⅤ现有的微前端方案②了解
single-spa
微前端框架③了解qiankun框架①前置知识补充Ⅰ什么是微前端?
Dormiveglia-flx
·
2024-01-22 07:56
前端框架
前端
vue
vue.js
微前端框架
一、
single-spa
前端微服务的javascript框架https://zh-hans.single-spa.js.org/框架自由在单页应用程序中使用多个框架,从而使您可以按功能拆分代码,并使Angular
承诺一时的华丽
·
2024-01-19 15:57
qiankun微服务
官网基于
single-spa
封装,提供了更加开箱即用的API。技术栈无关,任意技术栈的应用均可使用/接入,不论是React/Vue/Angular/JQuery还是其他等框架。
亮学长
·
2024-01-04 09:36
前端
qiankun -- 入门微前端
qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
高阳很捷迅
·
2023-12-29 08:45
qiankun(乾坤)微前端框架简介
qiankun(乾坤)是一个基于
single-spa
的微前端实现库,旨在帮助开发者更简单、无痛地构建一个生产可用的微前端架构系统。
Shero.李建业
·
2023-12-21 11:29
qiankun
前端框架
qiankun
基于
single-spa
,single-spa-vue的微前端落地实现方案
1.什么是微前端在说什么是微前端的之前我们先来思考一下什么是微服务,微服务是一种为了降低服务端耦合的架构方式(为了解决庞大的一整块后端服务带来的变更与扩展方面的限制)微服务是面向服务架构(SOA)的一种变体,把应用程序设计成一系列松耦合的细粒度服务,并通过轻量级的通信协议组织起来具体地,将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展,每个服务都具有稳固的模块边界,甚至允许使用不同的编程
Carols
·
2023-12-19 02:13
微前端框架 qiankun
前言qiankun是一个基于
single-spa
的微前端实现库,帮助你构建一个生产可用的微前端架构系统。
WestGGboom
·
2023-12-02 06:47
技术分享
前端框架
微前端框架 之
single-spa
从入门到精通
简介从基本使用->部署->框架源码分析->手写框架,带你全方位刨析
single-spa
框架前序目的会使用
single-spa
开发项目,然后打包部署上线刨析
single-spa
的源码原理手写一个自己的
single-spa
李永宁_lyn
·
2023-11-29 10:37
微前端
前端框架
vue.js
前端
「实践篇」解决微前端
single-spa
项目中 Vue 和 React 路由跳转问题
前言本文介绍的是在做微前端
single-spa
项目过程中,遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。
我不是大熊哦
·
2023-11-27 06:27
微前端
前端
前端框架
vue.js
react
微前端乾坤
1.乾坤简介qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统官网:https://qiankun.umijs.org/zh/guide2
alisaGreen
·
2023-11-16 13:40
前端
vue.js
vue快速搭建qiankun微前端框架完整步骤
qiankun是什么:基于
single-spa
进行二次开发,是一种类似于微服务的架构,是将一个大型应用拆分成若干个更小、更简单,可以独立开发、测试和部署的子应用,然后由一个基座应用根据路由进行应用切换,
专心致志的程序员!
·
2023-11-11 00:25
qiankun
npm
前端框架
vue
react
javascript
乾坤js隔离
乾坤,作为一款微前端领域的知名框架,其建立在
single-spa
基础上。相较于
single-spa
,乾坤做了两件重要的事情,其一是加载资源,第二是进行资源隔离。
samllplum
·
2023-10-24 17:15
微前端
javascript
开发语言
ecmascript
微前端
1024程序员节
微前端架构实践
为什么不使用iframe刷新页面后iframe的状态不能保存微应用不能使用浏览器前进、后退功能通信不方便应用通信基于URL来进行数据传递,但是传递消息能力弱基于CustomEvent实现通信基于props通信
single-spa
alfalfaw
·
2023-10-20 21:54
微前端:技术选型
的url状态失落,无法控制iframe页面的后退后退;2.想实现子利用免登录须要跨域共享cookie,反而导致安全性升高;3.全局弹窗无奈实现4.企业微信h5的iframe不反对跨域申请页面,详见这里
single-spa
一个......
·
2023-10-17 02:00
JavaScript
前端
前端框架
微前端框架 之
single-spa
使用
single-spa
进行前端架构设计可以带来很多好处,例如:在同一页面上使用多个前端框架而不用刷新页面(React,AngularJS,Angular,
Posden
·
2023-10-16 15:27
笔记
single-spa
微前端框架
使用
Single-SPA
从零开始搭建 React 微前端项目
在这篇博客中,我们将探讨如何使用
Single-SPA
从零开始搭建一个React微前端项目,该项目将包含三个不同的子应用。
NONO星梦
·
2023-10-16 15:56
Single-SPA
react.js
前端框架
微前端架构实战中-
single-spa
篇
single-spa
:https://zh-hans.single-spa.js.org/是一个实现微前端架构的框架。
西岭老湿
·
2023-10-16 15:54
vue
javascript
python
js
docker
浅析微前端框架
single-spa
浅析微前端框架
single-spa
一、应用场景将一个单体大型应用,转化为多个可以独立运行、独立开发、独立部署、独立维护的应用的聚合。解决的问题:1、随着项目迭代应用越来越庞大,难以维护。
杨阳洋
·
2023-10-16 15:24
自己的笔记
前端
前端框架
前端
javascript
微前端
single-spa
vue3 实战落地
single-spa
官网:https://single-spa.js.org/有中文版的页面,不过最好看英文版的,因为有些页面中文版的不全,这困扰了我很长时间。
晓_枫
·
2023-10-16 15:53
vue
single-spa
微前端
single-spa
vue3
微前端(
single-spa
和qiankun)
一、概念性东西:2018年
single-spa
诞生了,
single-spa
是一个用于前端微服务化的js前端解决方案(本身没有处理样式隔离,js执行隔离),实现了路由劫持和应用加载2019年qiankun
麦子的小库存
·
2023-10-16 15:23
JS小知识点
html5
html
css
微前端学习分享1 通过
single-spa
实现vue 微服务
single-spa
文档https://zh-hans.single-spa.js.org/docs/getting-started-overviewsingle-spa实现技术特点1.项目独立部署2.
做一条有新鲜度的咸鱼
·
2023-10-16 15:22
Web
single-spa
微前端
微服务
vue
微服务
快照沙箱
影子dom
微前端架构 -
single-spa
父应用加载子应用bootrapmountunmount框架一:
single-spa
/single-spa-vue下载npmisingle-spa-vuemain.js中引入importsingleSpaVuefrom'single-spa-vue
showMeizi
·
2023-10-16 15:52
前端
vue.js
javascript
微前端框架
single-spa
入门
停更已一年多,期间做了很多团队和项目管理的事情。回归初心~1.微前端如何实现多个应用间的资源共享?方案一:npm包的抽离和引用缺点开发及效率问题先发布npm包;更新使用了该npm包的应用;项目构建多团队代码管理问题不同团队编码风格不同,每引入一个npm包,风格不一致方案二:微前端微前端官网:https://micro-frontends.org定义:Techniques,strategiesand
Joyce的前端日常
·
2023-10-16 15:21
前端
前端
微前端
single-spa
【微前端】
single-spa
到底是个什么鬼
前言说起微前端框架,很多人第一反应就是
single-spa
。但是再问深入一点:它是干嘛的,它有什么用,可能就回答不出来了。一方面没多少人研究和使用微前端。
sanly_shi
·
2023-10-16 15:16
前端
前端框架
微前端之
single-spa
single-spa
前言
single-spa
是啥
single-spa
实战总结前言其实早就想写一篇关于微前端实践的文章了,几个月之前就看过有关微前端的视频,也查过一些文档,但是好像没有总结,现在又忘记一些了
只管去努力
·
2023-10-08 19:00
前端
手把手教你使用vue2搭建微前端micro-app
研究背景这段时间在网上找了很多有关微前端相关的知识,起初本来是想着先搭建一个
single-spa
,但是奈何网上能找到的内容都是千篇一律。我也是搭了好久没搭出来。不知道为啥,反正就是一个劲的报错。
笑到世界都狼狈
·
2023-10-06 01:05
微前端micro-app
微前端
micro-app
微前端搭建
微前端配置
微前端运行
[微前端实战]---01导学
与架构老师学习三.课程目标四课程设计五技术点目录讲解一.课程目标高质量:代码对标一线互联网大厂从0开始开发自己的微前端框架全流程:子应用->主应用->服务端->发布平台源码解析:剖析现有微前端框架–qiankun,
single-spa
小李科技
·
2023-09-26 23:19
#
S4.
微前端实战
前端
前端框架
javascript
qiankun 传统项目配置_记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南
qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端架构具备以下几个核心价值:技
weixin_39600823
·
2023-09-26 23:19
qiankun
传统项目配置
微前端框架
single-spa
子应用加载解析
本文主要通过对微前端框架
single-spa
的基座应用加载子应用的single-spa-vue函数库进行分析,通过代码维度分析让大家了解在
single-spa
加载子应用的时候都做了哪些事情。
·
2023-09-19 16:07
微前端学习(上)
一、课程目标微前端概念;现有方案利弊;
Single-spa
实现原理;掌握使用qiankun搭建微应用;二、课程大纲微前端背景现在web应用面临的问题微前端的价值微前端应用具备哪些能力微前端解决方案有哪些基于
DiuWang
·
2023-09-14 05:34
前端
学习
笔记
single-spa
微前端项目落地
目前主流的微前端方式,主要有iframe,
single-spa
,qiankun,micro-app以及webpack5的moduleferderation等。鉴于我
halapro_liu
·
2023-09-08 20:16
giankun+vue微前端实战配置流程详解,包含基座配置、子应用配置、参数传递
qiankun集成指引文档qiankun是一个生产可用的微前端框架,它基于
single-spa
,具备js沙箱、样式隔离、HTMLLoader、预加载等微前端系统所需的能力。
我是小菜鸟1219
·
2023-08-20 15:40
前端
vue.js
javascript
前端框架
css3
微前端 - qiankun
qiankun是一个基于
single-spa
的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。本文主要记录下如何接入qiankun微前端。
沉默lu
·
2023-08-19 11:04
前端
用一篇文章让你了解学会微前端
用一篇文章让你了解学会微前端前言:一、微前端的基本概念和原理二、微前端的实现方式三、微前端的优势四、微前端的实践方法五、微前端的使用六、使用微前端技术的注意事项七、使用[
single-spa
框架](https
网络真危险!!
·
2023-08-17 08:04
前端
状态模式
可能是多端适配性最好的微前端框架
引子对微前端方向有了解的同学可能都看过qiankun的文档,深入的同学估计也去翻过其代码和
single-spa
的源码。
·
2023-08-16 17:16
前端微前端前端架构
微前端框架 之 qiankun
qiankun:是一个生产可用的微前端框架,它基于
single-spa
,具备js沙箱、样
stubborn丶lili
·
2023-08-15 17:14
javascript
qiankun源码深挖
断断续续读了好几周,主要的目的是为了弄清楚qiankun、主应用、子应用、
single-spa
这四个部分的生命周期的执行顺序以及触发的条件。生命周期这里给出qiankun、主应用、子应用、si
彩云Coding
·
2023-08-15 11:04
从零搭建qiankun
在说qiankun之前先了解下
Single-spa
,
Single-spa
是一个将多个单页面应用聚合为一个整体应用的JavaScript微前端框架。
Wombat-
·
2023-08-11 23:36
前端
nginx
react.js
javascript
single-spa
原理
APIregisterApplicationsingle-spa注册应用执行load加载生命周期仅执行应用的加载阶段start执行load加载阶段、boostrap启动阶段、mount挂载阶段加载至挂载整套流程
single-spa
coolheadedY
·
2023-08-08 19:25
基于lerna和
single-spa
,sysyem.js搭建vue的微前端框架
为什么要用微前端目前随着前端的不断发展,企业工程项目体积越来越大,页面越来越多,项目变得十分臃肿,维护起来也十分困难,有时我们仅仅更改项目简单样式,都需要整个项目重新打包上线,给开发人员造成了不小的麻烦,也非常浪费时间。老项目为了融入到新项目也需要不断进行重构,造成的人力成本也非常的高。微前端架构具备以下几个核心价值:技术栈无关主框架不限制接入应用的技术栈,子应用具备完全自主权独立开发、独立部署子
mongofeng
·
2023-07-25 18:35
微前端——
Single-SPA
(二)
single简单用法1、新建一个html2、新建一个single-spa-config.js//single-spa-config.jsimport*assingleSpafrom'
single-spa
Y_d4ea
·
2023-07-24 19:26
JavaScript读源码系列--微前端之import-html-entry
最近网络上对于微前端讨论的愈加激烈,qiankun就是一款由蚂蚁金服推出的比较成熟的微前端框架,基于
single-spa
进行二次开发,用于将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
照物华
·
2023-07-23 10:46
WEB前端
JavaScript读源码系列
javascript
微前端(micro-app)使用手册
并且由于自定义ShadowDom的隔离特性,micro-app不需要像
single-spa
和qiankun一样要求子应用修改渲染逻辑并暴
StoneHui_
·
2023-07-19 14:10
前端
前端框架
手把手教会你微前端开发(vue-qiankun)
为什么不用iframe为了解决微服务架构,后来出现了
single-spa
,但是也存在一切弊端。为此,蚂蚁金融科技孵化qiankun基于微前端架构的云产品统一接入平台。
蛋蛋的老公
·
2023-07-15 01:02
vue
js
vue.js
前端
javascript
我理解的微前端
1,不同团队间开发同一个应用技术栈不同怎么破2,希望给个团队都可以独立开发,独立部署怎么破3,项目中有老的应用代码怎么破解决方案:
single-spa
:优点:实现了路由劫持和应用加载缺点:没有处理样式隔离和
bypwan
·
2023-07-05 16:43
微前端(micro-app)使用手册
并且由于自定义ShadowDom的隔离特性,micro-app不需要像
single-spa
和qiankun一样要求子应用修改渲染逻辑并暴
StoneHui
·
2023-06-25 16:52
上一页
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
其他