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
javascript前端微前端
微前端
架构的几种技术选型
背景随着SPA大规模的应用,紧接着就带来一个新问题:一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升,而紧急发布时要求是越短越好,这是矛盾的。另一方面当一个代码库集成了所有功能时,日常协作绝对是非常困难的。而且最近十多年,前端技术的发展是非常快的,每隔两年就是一个时代,导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事,基本上是不可能的。最早的
阿里云云栖号
·
2023-10-17 02:31
前端
前端框架
javascript
阿里云
云计算
微前端
落地系列(第0篇):技术选型
背景
微前端
,相信大家就算没用过,也一定听过。什么是
微前端
,为什么要上
微前端
,它和iframe的区别是什么,大家在网上可以找到很多相关的文章,这里就不在赘述了。
weixin_30275415
·
2023-10-17 02:30
前端
javascript
ViewUI
微前端
:技术选型
iframeiframe有人造的隔离性,然而隔离性太强,导致以下问题:1.刷新后iframe的url状态失落,无法控制iframe页面的后退后退;2.想实现子利用免登录须要跨域共享cookie,反而导致安全性升高;3.全局弹窗无奈实现4.企业微信h5的iframe不反对跨域申请页面,详见这里single-spa(文档地址)性能上:1.兼容多框架2.htmlentry3.加载和渲染原理:路由劫持,下
一个......
·
2023-10-17 02:00
JavaScript
前端
前端框架
关于
微前端
架构的几种技术选型,看这篇就够了
背景随着SPA大规模的应用,紧接着就带来一个新问题:一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升,而紧急发布时要求是越短越好,这是矛盾的。另一方面当一个代码库集成了所有功能时,日常协作绝对是非常困难的。而且最近十多年,前端技术的发展是非常快的,每隔两年就是一个时代,导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事,基本上是不可能的。最早的
前端开发博客
·
2023-10-17 02:29
vue
react
js
javascript
java
微前端
架构的几种技术选型及详细介绍
背景随着SPA大规模的应用,紧接着就带来一个新问题:一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升,而紧急发布时要求是越短越好,这是矛盾的。另一方面当一个代码库集成了所有功能时,日常协作绝对是非常困难的。而且最近十多年,前端技术的发展是非常快的,每隔两年就是一个时代,导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事,基本上是不可能的。最早的
hyupeng1006
·
2023-10-17 02:59
微前端
前端
聊一聊关于
微前端
架构的几种技术选型
背景随着SPA大规模的应用,紧接着就带来一个新问题:一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升,而紧急发布时要求是越短越好,这是矛盾的。另一方面当一个代码库集成了所有功能时,日常协作绝对是非常困难的。而且最近十多年,前端技术的发展是非常快的,每隔两年就是一个时代,导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事,基本上是不可能的。最早的
前端达人
·
2023-10-17 02:27
vue
react
js
javascript
java
微前端
一:技术选型
微前端
是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
天外天-亮
·
2023-10-17 02:57
微前端
前端
javascript
微前端
【京东开源项目】
微前端
框架MicroApp 1.0正式发布
介绍MicroApp是由京东前端团队推出的一款
微前端
框架,它从组件化的思维,基于类WebComponent进行
微前端
的渲染,旨在降低上手难度、提升工作效率。
京东云技术团队
·
2023-10-16 16:44
前端
开源
前端框架
微前端
使用jenkins自动化部署
微前端
项目的方案实践
本文首发于公粽号「前端进阶之旅」持续集成集成工具jenkins的基本介绍和自动化部署
微前端
项目的几个简单方案一、Jenkins基础介绍Jenkins是国际上流行的免费开源软件项目,是基于Java开发持续集成工具
程序员poetry
·
2023-10-16 16:33
微前端
框架 之 single-spa
single-spaSingle-spa是一个将多个单页面应用聚合为一个整体应用的JavaScript
微前端
框架。
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 实战落地
微前端
的概念、好处,为什么不用npm和iframe之类的问题,网上有很多,这里就不解释了。个人理解就是:避免了“巨石应用”的出现,解决了项目与项目之间的代码重复。
晓_枫
·
2023-10-16 15:53
vue
single-spa
微前端
single-spa
vue3
微前端
(single-spa和qiankun)
一、概念性东西:2018年single-spa诞生了,single-spa是一个用于前端微服务化的js前端解决方案(本身没有处理样式隔离,js执行隔离),实现了路由劫持和应用加载2019年qiankun基于single-spa,提供了更加开箱即用的API(single-spa+sandbox+import-html-entry)做到了与技术栈无关、并且接入简单总结:子应用可以独立构建,运行时动态加
麦子的小库存
·
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.兼容技术栈不同多语言vuereact3.新旧代码版本并行single-SPA实现原理:路有劫持和应用加载没有处理css样式和js会导致样式重叠和脏数据下一期会出qiankun的教程其实乾坤是基于si
做一条有新鲜度的咸鱼
·
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'缺点:不够灵活不能动态加载JS样式不隔离没有js沙箱机制父应用子应用解决样式隔离问题shadowdom影子元素外界访问不到隔离样式
showMeizi
·
2023-10-16 15:52
前端
vue.js
javascript
微前端
框架single-spa入门
回归初心~1.
微前端
如何实现多个应用间的资源共享?
Joyce的前端日常
·
2023-10-16 15:21
前端
前端
微前端
single-spa
【
微前端
】single-spa 到底是个什么鬼
前言说起
微前端
框架,很多人第一反应就是single-spa。但是再问深入一点:它是干嘛的,它有什么用,可能就回答不出来了。一方面没多少人研究和使用
微前端
。
sanly_shi
·
2023-10-16 15:16
前端
前端框架
如何利用三大前端框架的动态创建组件方法实现
微前端
的组件嵌入
什么是动态创建组件在基于三大框架的前端项目中,我们要使用一个组件一般都是将组件作为一个标签写在html模板中。框架在解析模板时会为组件创建实例并挂载组件视图,这时候''创建组件实例和挂载组件视图''这个过程是由框架来完成的,而当这个过程是由我们开发者的业务代码来实现时,那便是动态创建组件。三大框架动态创建组件的方法vue2......importVuefrom'vue';importHelloWo
游民小龙虾
·
2023-10-15 19:52
如何在qiankun框架中父子传值
组件传值初入
微前端
—qiankun学习这一篇就够了无论是vue还是react中我们传值都是在父组件中调用子模块中传递一个props给子组件,子组件创建时就可以拿到这个值去渲染或者怎么这样,而子组件如何传递值给父组件呢
陈Joys
·
2023-10-15 07:19
前端
javascript
react.js
vue.js
[qiankun] Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header
enviroment
微前端
框架qiankunerror控制台报错single-spa.min.js?
snowDreamzzz
·
2023-10-15 07:23
pits
vue.js
javascript
微前端
设计理念与实践
微前端
设计理念与实践本文节选自Web开发导论/
微前端
与大前端,着眼阐述了微服务与
微前端
的设计理念以及微服务的潜在可行方案,需要致敬的是,本文的很多考虑借鉴了Phodal关于
微前端
的系列讨论以及WebArchitectureLinks
Mokin_Zhao
·
2023-10-14 11:20
前端架构
微前端
的设计理念与实践初探
本文节选自Web开发导论/
微前端
与大前端,着眼阐述了微服务与
微前端
的设计理念以及微服务的潜在可行方案,需要致敬的是,本文的很多考虑借鉴了Phodal关于
微前端
的系列讨论以及WebArchitectureLinks
weixin_34354945
·
2023-10-14 10:14
前端
git
devops
ViewUI
下一代架构设计:云原生、容器和
微前端
的综合应用
文章目录云原生:构建可弹性扩展的应用1.微服务架构2.容器化3.自动化和自动扩展容器化和云原生的结合1.一致性和可移植性2.弹性和可伸缩性3.快速部署和更新4.资源利用率
微前端
:前端架构的演进1.
微前端
应用
IT·陈寒
·
2023-10-13 06:41
云原生技术应用
云原生
前端
百度资深前端工程师,带你手写
微前端
框架
前言关注核心实现请直接跳至第四小节:执行流程。本文中的命令仅适用于支持shell的系统,如Mac、乌班图及其他linux发行版。不适用于windows,如果想在windows下执行文章中的命令请使用git命令窗口(需安装git)或linux子系统(win10以下不支持)。一、初始化工程1、初始化工程目录cd~&&mkdirmy-single-spa&&cd"$_"2、初始化npm环境#初始化pac
疯狂的程序猿丶
·
2023-10-12 22:15
实现
微前端
需要了解的 Vue Genesis 渲染器
我们的需求在Genesis中,核心的就是渲染器,它提供了最基础渲染能力,有了它,你可以实现
微前端
、微服务、远程组件、首屏渲染,甚至可以和React、EJS等配合使用。它可以和怎样的你协作?
狼族小狈
·
2023-10-12 15:49
微前端
接入Sentry的不完美但已尽力的实践总结
前言这是一篇由浅入深地讲述如何对用qiankun实现的
微前端
项目接入Sentry的文章。在这篇文章中,我会列举描述两个接入方案,然后再细致地分析方案中涉及到的原理。
徐小夕@趣谈前端
·
2023-10-12 09:15
前端
sentry
vue.js
javascript
ecmascript
当被问到你使用过iframe吗?有哪些优点和缺点?
前言之前做需求遇到过这样的场景,两个不同的平台,其中一个平台需要使用另一个平台的某个页面,在没有用
微前端
和独立封装组件库的时候。就想到了使用iframe,直接将另一个页面嵌入到需要的页面里面。
heiyay
·
2023-10-11 22:12
iframe
前端
区域云LIS平台源码:基层医疗机构的“云端检验科”
技术框架:技术架构:Asp.NETCORE3.1MVC+SQLserver+Redis等开发语言:C#6.0、
JavaScript前端
框架:JQuery、EasyUI、Bootstrap后端框
淘源码d
·
2023-10-10 18:43
源码
检验
云计算
条码打印
LIS
检验检疫系统(LIS)源码:C# + MVC + SQLserver + Redis
技术架构:ASP.NETCORE3.1MVC+SQLserver+Redis等开发语言:C#6.0、
JavaScript前端
框架:JQuery、EasyUI、Bootstrap后端框架:MVC、SQLSugar
淘源码d
·
2023-10-10 18:37
源码
his
LIS
化验
C#
asp.net
JavaScript的单线程特性:前端开发中的优势与挑战
虽然单线程意味着它一次只能执行一段代码,但正是这个特性赋予了
JavaScript前端
开发中的独特优势,同时也带来了挑战。本文将深入探讨JavaScript的单线程特性,探讨它在前端开发中的影响。
仙鹤童子```
·
2023-10-09 17:54
TypeScript
vue
VsCode
javascript
开发语言
ecmascript
微前端
之single-spa
single-spa前言single-spa是啥single-spa实战总结前言其实早就想写一篇关于
微前端
实践的文章了,几个月之前就看过有关
微前端
的视频,也查过一些文档,但是好像没有总结,现在又忘记一些了
只管去努力
·
2023-10-08 19:00
前端
微前端
micro-app使用产生的子项目bug(blockly-js 定位失效问题)
1.bug环境angular13框架,blockly谷歌积木插件,micro-app
微前端
,NG-ZORRO组件库中的drawer组件。
莫道 开发
·
2023-10-08 13:46
micro-app
bug
微前端
micro-app
微前端
快速入门
基于官方文档学习:https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/start基座sudoyarncreatemicro-app-base--templatetypescriptsudoyarnaddreact-router-domsudoyarnadd@micro-zoe/micro-app主应用需要安装sudoyarnadd@micr
henrypt
·
2023-10-07 09:11
基于micro-app+vue-element-admin实现
微前端
简述本文是在对之前搭建和学习micro-app的基础上的进一步研究学习。因为我们目前项目使用的框架是vue-element-admin,所以还需要研究一下micro-app在vue-element-admin的使用方法。关于micro-app在vue-element-admin的实现,百度什么也没找到,只能按照之前搭建的micro-app的基础模仿着搭建着自己搞。最终实现效果如下图所示:接下来开始
笑到世界都狼狈
·
2023-10-06 01:35
微前端micro-app
micro-app
微前端
element-admin
打包
部署
手把手教你使用vue2搭建
微前端
micro-app
研究背景这段时间在网上找了很多有关
微前端
相关的知识,起初本来是想着先搭建一个single-spa,但是奈何网上能找到的内容都是千篇一律。我也是搭了好久没搭出来。不知道为啥,反正就是一个劲的报错。
笑到世界都狼狈
·
2023-10-06 01:05
微前端micro-app
微前端
micro-app
微前端搭建
微前端配置
微前端运行
JavaScript前端
神奇代码,可防止恶意调试
一、粘贴这段神奇代码到你的系统首页,打开开发者工具看看效果(F12)。(()=>{functionblock(){if(window.outerHeight-window.innerHeight>200||window.outerWidth-window.innerWidth>200){document.body.innerHTML="大傻春,你要干什么!"}setInterval(()=>{(f
Colin_geek
·
2023-10-05 05:03
前端
javascript
vue 实现顶部tab栏菜单(顶部tab按钮)切换(添加删除nav数据,适配
微前端
应用,滑动动画,右键菜单弹窗)
先看目标效果图1623852408(1).png要做顶部tab栏切换,还需要配合菜单。这里主要讲tab栏的实现方式。首先为了在样式效果上实现方便,这里决定使用element-ui的el-tabs标签来做。这样只需要改下样式,其他效果例如切换动画都能保存。当然,除了el-tabs自带的删除等事件,这里还需要添加右键事件,在右键事件里面有关闭全部和关闭其他两个事件选项示例中主应用和子应用均使用hist
东扯葫芦西扯瓜
·
2023-10-04 16:41
Vue2到3 Day5 全套学习内容,众多案例上手(内付源码)
Vue.js是一款流行的
JavaScript前端
框架,被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式,文章将介绍Vue.js的基本概念,如组件、指令、双向数据绑定等,并演示如何使用Vue.
星辰大海1412
·
2023-10-02 22:43
学习
前端
javascript
Vue2到3 Day6 全套学习内容,众多案例上手(内付源码)
Vue.js是一款流行的
JavaScript前端
框架,被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式,文章将介绍Vue.js的基本概念,如组件、指令、双向数据绑定等,并演示如何使用Vue.
星辰大海1412
·
2023-10-02 22:13
学习
Vue2到3 Day7 全套学习内容,众多案例上手(内付源码)
Vue.js是一款流行的
JavaScript前端
框架,被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式,文章将介绍Vue.js的基本概念,如组件、指令、双向数据绑定等,并演示如何使用Vue.
星辰大海1412
·
2023-10-02 22:13
学习
前端
javascript
vue.js
架构的未来:
微前端
与微服务的融合
文章目录微服务架构简介
微前端
架构简介
微前端
与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例:使用微服务和
微前端
的电子商务平台微服务架构
微前端
架构融合微服务和
微前端
结论欢迎来到架构设计专栏
IT·陈寒
·
2023-10-01 23:21
微服务架构设计
架构
前端
微服务
基于 Vue CSR 的
微前端
实现方案
在这里就不讲
微前端
的各种优缺点,直接假设你在负责一个中后台管理系统的开发,所有的业务模块全部都在一个项目中打包,随着业务量的不断增长,编译越来越慢,你期望可以从老的项目中将新的业务进行独立开发、独立部署
狼族小狈
·
2023-10-01 10:34
附件地址校验JS加密tokenJAVA后台解密
JavaScript前端
代码//引用AES加密库jQuery().ready(function(){debugger$("#fj").children('div').find('a').on('click
JasonLanDH
·
2023-09-29 23:26
解决方案
javascript
java
技术期刊 · 路尘终见泰山平 |
微前端
及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系;构建网站的 Spotlight 插件;Theia 技术揭秘之插件拓展;The...
HEADER蒲公英·JELLY技术期刊Vol.47不想当架构师的程序员不是“合格”的程序员?这一类的言论在很多文章中应该很常见吧,我们需要架构思维,要有抽象能力,要学会分层……需要的太多太多,可很少有合适的项目能够帮助我们养成这些思考的习惯,比如业务组件体系的设计,又比如编辑器等等,需要权衡技术与业务之间的平衡,架构设计稳定性与拓展能力,面对业务保持思考,泰山如砥平。观海志登山则情满于山,观海则意
凹凸实验室
·
2023-09-29 02:25
微前端
选择qiankun还是iframe?
前言
微前端
是什么?
微前端
是一种架构模式,将整个应用拆分成多个独立的模块,这些模块可以独立开发、部署。
·
2023-09-27 15:19
微前端iframe前端
浅析
微前端
沙箱
前言在大型项目中,
微前端
是一种常见的优化手段,本文就
微前端
中沙箱的机制及原理,作一下讲解。
·
2023-09-27 15:19
微前端
是什么、价值、不足、典型模式
微前端
技术调研
微前端
(Micro-Frontends)是什么为了解决庞大的后端服务带来的变更与扩展方面的限制,出现了微服务架构(Microservices),越来越重的前端工程也面临同样的问题,自然地想到了将微服务思想应用
Keme菜鸟
·
2023-09-27 08:46
前端博文
前端
微服务
java
qiankun--
微前端
可用小demo(主应用vue+子应用vue+子应用react)
qiankun–
微前端
可用小demo(主应用vue+子应用vue+子应用react)说明:在主应用的about页面加载子应用成果:加载子应用1,点击第一个按钮子应用2,点击第二个按钮注意:如果已经渲染一个子应用
Keme菜鸟
·
2023-09-27 08:46
前端博文
vue.js
前端
react.js
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他