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
微前端qiankun
前端架构:从入门到
微前端
【个人解析】
本篇文章是阅读黄峰达的《前端架构:从入门到
微前端
》的一些记录和读后感,更新中....一、关于前端架构1.1什么是软件架构软件架构指的是软件系统的高级结构,以及创建这种结构的约束。
青柠茶沐
·
2024-01-16 21:08
前端架构
前端
前端框架
架构的未来:
微前端
与微服务的融合
目录前言微服务架构简介
微前端
架构简介
微前端
与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例:使用微服务和
微前端
的电子商务平台微服务架构
微前端
架构融合微服务和
微前端
总结作者简介
懒大王敲代码
·
2024-01-15 23:22
前端
技术分享
架构
微服务
前端
Vue 使用ele UI下拉框位置偏离 解决方法
Vue使用eleUI下拉框位置偏离解决方法问题描述:前端使用
qiankun
框架,在一个弹窗使用下拉框的时候,下拉框莫名其妙飞到左上角去了,而且点击不到很奇怪,并报错:Errorineventhandlerfor
Hankhorse
·
2024-01-15 11:39
vue.js
前端
微前端
无界机制浅析
为了能够将前端模块解耦,通过相关技术调研,最终选择了无界
微前端
框架作为物流客服系统解耦支持。为了更好的使用无界
微前端
框架,我们对其运行机制进行了相关了解,以下是对无界运行机制的一些认识。
快乐非自愿
·
2024-01-13 18:15
前端
attachShadow样式隔离和JavaScript 沙箱
微服务样式隔离的原理是利用ShadowDOM技术来隔离各个
微前端
应用的样式。
亮学长
·
2024-01-13 11:29
javascript
前端 - 用
微前端
前应该了解的一些知识点
一、
微前端
微前端
(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
kelly0721
·
2024-01-09 08:02
前端
前端
Micro-app
微前端
框架demo介绍
Micro-app框架1、框架安装npmi@micro-zoe/micro-app--save2、子应用对应的view页面3、页面对应的路由{//路由路径最好是非严格匹配path:"/app-vue2-demo*",name:"Vue2DemoPage",component:()=>import("@/views/Vue2DemoPage.vue")}别忘记,view页面也需要配置4、子应用的配置
瓜皮伦
·
2024-01-07 23:32
前端框架
qiankun
公共依赖
1、提取公共依赖的目的减少相同资源的重复加载资源版本不同步打包文件庞大2、如何提取公共依赖基本思路:1、相同依赖采用CDN的方式加载,并把所有依赖的CDN链接统一放到一个文件中进行管理2、把存放CDN链接的文件,引入到vue.config.js中去3、在项目打包时,添加忽略部分文件打包的配置,把以CDN方式加载的依赖忽略掉4、把CDN加载的链接,动态添加到index.html中去2.1改造主应用2
guhy fighting
·
2024-01-05 09:09
qiankun
前端
微前端
从零到剖析
qiankun
源码 -- Module Federation的玩法!
一.为什么会出现ModuleFederation我们用一个图片说明一下关键点每个应用块由不同的组开发TeamATeamB应用或应用块共享其他其他应用块或者库ReactModuleFederation的动机是为了不同开发小组间共同开发一个或者多个应用应用将被划分为更小的应用块,一个应用块,可以是比如头部导航或者侧边栏的前端组件,也可以是数据获取逻辑的逻辑组件什么是模块联邦?我们再用一张图说明一下容器
(° ロ °)
·
2024-01-05 09:26
前端
webpack
javascript
vite-plugin-federation踩坑
前言项目即将用到vite-plugin-federation,开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的
微前端
。
yanyihan16
·
2024-01-05 09:26
Vue
vue.js
前端
angular利用module federation实现
微前端
- 创建环境,并子项目暴露出AppModule给主项目使用
本项目使用的angular是15.2.8版本的,npmi@angular/
[email protected]
为了好演示,两个项目就放在了一个git仓库中,但是两个不同仓库的项目也是可以使用的,原理是一样的1.创建环境创建一个没有项目的空壳子ngnewshell--create-application=false进入到项目文件夹中,添加主应用和子应用1nggapplicationmainnggapplicat
darkeering
·
2024-01-05 09:53
前端
angular.js
javascript
angular利用module federation实现
微前端
- 路由问题
在main项目中,mfe1项目的路由跳转,走的还是main项目的路由,由于没有mfe1的路由前缀,所以路由跳转是失败的1.创建环境在之前的mfe1项目中已经加了test.component组件/**mfe1*app-routing.component.ts*/constroutes:Routes=[{path:'test',component:TestComponent}];/**mfe1*app
darkeering
·
2024-01-05 09:53
前端
angular.js
javascript
基于npm和module-federation的远程包管理器
基于npm和module-federation的远程包管理器最近做了一个
微前端
开源项目(webpackagemanager),临近休假先简单的推广一下,节后再继续更新,欢迎大家体验和star,也欢迎沟通讨论
zhanghongen1
·
2024-01-05 09:22
npm
前端
node.js
webpack
1024程序员节
webpack4 module federation
module-federation是webpack5更新的一项新特性,可以更容易的共享前端代码,本文将介绍@module-federation/webpack-4实现原理及其与webpack5的差异背景在公司内我们搭建了
微前端
包管理平台
zhanghongen1
·
2024-01-05 09:52
webpack
前端
1024程序员节
在 vue/cli 中使用 Module Federation
这通常被称作
微前端
,但并不仅限于此。我们分为本地模块、远程模块。其中本地模块即为普通模块,是当前构建的一部分;而远程模块不属于当前构建,并在运行时从所谓的容器加载。加载远程模块被认为是异步操作。
文摘资讯
·
2024-01-05 09:21
vue
docker
javascript
java
html
Angular 14
微前端
项目构建
前景知识命令HowtocreateanewremoteusingAngularCLI?(Webpack5ModuleFederationmicrofrontends)ngclingnewnggeneratengnewdashboard--create-application=falsenggenerateapplicationdashboardngnewicrm-regulatory-mansem
lvxinaidou
·
2024-01-05 09:51
Angular
TypeScript
webpack
angular.js
前端
javascript
Module-Federation[
微前端
]
Module-Federation
微前端
简介我们为什么没有延续使用【乾坤】使用Module-Federation优/缺EMP优EMP缺图解DEMO详解`Tips:`[文件资源](https://download.csdn.net
禅思院
·
2024-01-05 09:18
禅あ思之vue生态圈
禅あ思之aurora
禅あ思之前端微服务化
前端
微前端
前端框架
webpack
模块联邦
EMP
2024新flag
2023flag倒了,2024重新立起来java持续学习,尤其是Springcloud,可以独立写一个Springboot程序数据库,clickhouse,并创建新的日志系统VUE3+TS学习,
微前端
框架三维
南山老沙
·
2024-01-04 19:58
深度学习
qiankun
微服务
官网基于single-spa封装,提供了更加开箱即用的API。技术栈无关,任意技术栈的应用均可使用/接入,不论是React/Vue/Angular/JQuery还是其他等框架。HTMLEntry接入方式,让你接入微应用像使用iframe一样简单。样式隔离,确保微应用之间样式互相不干扰。JS沙箱,确保微应用之间全局变量/事件不冲突。⚡️资源预加载,在浏览器空闲时间预加载未打开的微应用资源,加速微应用
亮学长
·
2024-01-04 09:36
前端
浅了解一下『
微前端
』
1什么是
微前端
微前端
的核心理念是将前端应用程序看作是一个整体,由多个独立的部分组成。每个部分被视为一个
微前端
应用,它们可以具有自己的技术栈、开发流程和团队组织。
Xxxxxl17
·
2024-01-03 22:37
前端
vue
前端
vue
2023-09-22 项目升级准备会议
微前端
主要解决了两个问题:1、随着项目迭代应用越来越庞大,难以维护。2、跨团队或跨部门协作开发项目导致效率低下的问题。
henrypt
·
2024-01-02 02:50
几种
微前端
方案探究
前言随着技术的发展,前端应用承载的内容也日益复杂,基于此而产生的各种问题也应运而生,从MPA(Multi-PageApplication,多页应用)到SPA(Single-PageApplication,单页应用),虽然解决了切换体验的延迟问题,但也带来了首次加载时间长,以及工程爆炸增长后带来的巨石应用(Monolithic)问题;对于MPA来说,其部署简单,各应用之间天然硬隔离,并且具备技术栈无
维李设论
·
2024-01-01 13:44
前端
前端
webpack
2021-04-26 single-spa-vue
微前端
初实践
SingleSpa-VueCli-
微前端
落地方案创建项目parent-vue和child-vue两个项目vuecreateparent-vuevuecreatechild-vueparent-Vue安装依赖
FConfidence
·
2023-12-30 20:09
qiankun
-- 入门
微前端
微前端
(Micro-Frontends)是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用分解成一些更小、更简单的小模块,而在用户侧看起来还是一个内聚的产品。
高阳很捷迅
·
2023-12-29 08:45
微前端
——无界wujie
B站课程视频课程视频课程课件笔记:1.
微前端
2.无界现有的
微前端
框架:iframe、
qiankun
、Micro-app(京东)、EMP(百度)、无届前置初始化新建一个文件夹1.通过npmitypescript-g
lanmy_dl
·
2023-12-27 12:06
wujie
无界
微前端
微前端
简介
微前端
简介
微前端
这个名词,第一次被提出还是在2016年底,那是在ThoughtWorksTechnologyRadar。这个概念将微服务这个被广泛应用于服务端的技术范式扩展到前端领域。
Shero.李建业
·
2023-12-27 07:00
前端
qiankun
中子系统变化透传到主系统调用主系统方法
1、首先在主系统中
qiankun
启动前把变动的参数初始化2、初始化之后就可以通过全局状态通信把参数透传为全局3、在微应用子系统main.js的
qiankun
的mount中获取到全局设备参数属性并是设置为子系统全局
lixu_boke
·
2023-12-27 03:42
前端
vue.js
qiankun
6.
微前端
设计
微前端
微前端
定义这种架构模式是微服务架构理念在前端领域的延伸,旨在将单体前端应用分解为松耦合且独立的小应用后,再根据实际的业务场景将这些小应用组装成单个解决特定业务场景的应用;在前端设计时我们可以遵循单一职责和复用原则按照领域模型和微服务边界
Pingszi
·
2023-12-26 13:32
#
DDD领域模型
java
DDD
中台
架构
微前端
我的源码系列: 使用Node.js实现一个express框架
我的手写源码系列往期本人手写框架源码系列原创:从零实现一个简单版React(附源码)原创:如何自己实现一个简单的webpack构建工具【附源码】深度:手写一个WebSocket协议[7000字]深度:从零编写一个
微前端
框架
Peter 谭
·
2023-12-24 22:58
中间件
js
epoll
rpc
vue
Vue和React的运行时,校验引入包的上下文差异
背景系统使用webpack5模块联邦实现
微前端
,有关如何实现跨应用的代码共享,可参考如何优雅的实现跨应用的代码共享里的第三大点。
C澒
·
2023-12-23 08:44
vue.js
react.js
前端
微前端
样式隔离、sessionStorage、localStorage隔离
1、样式隔离前端样式不隔离,会产生样式冲突的问题,这个点在
qiankun
也存在子应用1修改一个样式button{background:red!
阿Q--小黑
·
2023-12-22 22:07
微前端
前端
vue.js
javascript
vue +
qiankun
上一篇文章中我们分享了
qiankun
的一些概念和特性,以及基于
qiankun
实现有一个
微前端
应用的大概步骤,最后以
qiankun
加vue2.0为例给出了快速搭建
qiankun
微前端
的一些核心代码。
邯郸达文西
·
2023-12-22 19:01
vue.js
前端
javascript
registermodule
微前端
_
微前端
实战看这篇就够了 - Vue项目篇
wl-micro-frontends[wl-
qiankun
]本项目采用vue+
qiankun
实践
微前端
落地。同时
qiankun
是一个开放式
微前端
架构,支持当前三大前端框架甚至jq等其他项目无缝接入。
weixin_39603492
·
2023-12-22 14:52
registermodule
微前端
vue-quill-editor富文本插件,在输入文字后,点击加粗图标,发现没有生效,但用工具查看确实是给文字加上了<strong>标签。后来发现是reset.css的问题,主应用的reset.css
后来发现是reset.css的问题,主应用的reset.css的font:inhert这个属性导致点击加粗没有生效,把这个属性注释掉就可以加粗了我的项目是
qiankun
的项目,主应用和子应用,主应用用的
深一海
·
2023-12-21 11:59
vue.js
css
前端
qiankun
(乾坤)
微前端
框架简介
qiankun
(乾坤)
微前端
框架简介最近在搞
微前端
项目,接下来整体介绍一下
微前端
。在现代Web应用程序开发中,
微前端
架构逐渐成为一种趋势,它可以帮助我们更好地管理和组织复杂的项目。
Shero.李建业
·
2023-12-21 11:29
qiankun
前端框架
qiankun
常见
微前端
方案
转载请注明出处,点击此处查看更多精彩内容。iframeiframe是HTML的内联框架元素,表示嵌套的BrowsingContext,它能够将另一个HTML页面嵌入到当前页面中,每个嵌入的BrowsingContext都有自己的会话历史记录和DOM树。每个浏览上下文都拥有完整的文档环境,因此页面上每个iframe都需要增加内存和其它计算资源,虽然理论上来说能够在代码中写出来无限多的iframe,但
StoneHui
·
2023-12-20 19:55
pnpm monorepo micro-app
微前端
开发架构
pnpmmonorepomicro-app
微前端
开发架构主要解决问题
微前端
特性未来期许采用技术说明主要解决问题随着项目迭代应用越来越庞大,难以维护。跨团队或跨部门协作开发项目导致效率低下的问题。
kenluff
·
2023-12-19 11:43
前端工程化
架构
前端
前端框架
基于single-spa,single-spa-vue的
微前端
落地实现方案
1.什么是
微前端
在说什么是
微前端
的之前我们先来思考一下什么是微服务,微服务是一种为了降低服务端耦合的架构方式(为了解决庞大的一整块后端服务带来的变更与扩展方面的限制)微服务是面向服务架构(SOA)的一种变体
Carols
·
2023-12-19 02:13
DevOps 视角的前后端分离与实战
本文作者:CODING-廖红坤前言随着
微前端
、微服务等技术理念和架构的蓬勃发展,我们已经没必要去讨论为什么要前后端分离这种话题,前后端分离已成为互联网项目开发的标准模式。
腾云 CODING
·
2023-12-17 12:41
CODING
DevOps
持续集成
DevOps
前后端分离
持续集成
一、
微前端
目标、前端架构的前生今世、
微前端
架构优势和劣势、软件设计原则与分层
1、目标2、前端架构的前世今生①初始:无架构,前端代码内嵌到后端应用中②后端MVC架构:将视图层、数据层、控制层做分离缺点:重度依赖开发环境,代码混淆严重(在调试时,需要启动后端所有代码和依赖,比较麻烦)③前后端分离架构将前端代码从后端环境中提炼出来(ajax促进了前后端分离架构的发展)多页面架构,使其能够通过浏览器动态获取数据;缺点:前端缺乏独立部署能力,整体流程依赖后端环境④Nodejs的广泛
小草莓蹦蹦跳
·
2023-12-16 21:02
JavaScript
微前端
前端
关于UMI中 useModel的使用(踩坑记录)
最近用React+UMI+
qiankun
的框架撸了一个后台管理系统,主应用使用的
qiankun
做的
微前端
,子运用使用的是UMI搭建的React项目,涉及到主应用与子运用的通信问题。
独孤九溅
·
2023-12-16 15:54
React
react.js
前端
javascript
微前端
,
qiankun
微前端
微前端
是一种将前端应用程序拆分成更小、更独立的部分,使得不同团队能够独立地开发、测试和部署这些部分的架构模式。
await 404
·
2023-12-15 12:51
前端
小伙伴新鲜出炉面试题目总结(含中大厂,已拿offer)
最近在找工作,现在已经接近尾声了,面了携程,美团,京东,比心APP,英语流利说,百度,携程,新核云,现在写一下面经,希望最近找工作的你们一路顺下去英语流利说一面
微前端
描述下怎么协同开发注意事项2:场景问题
傲娇的koala
·
2023-12-15 08:25
百度
java
面试
vue
js
你还不会 OpenTiny 跨框架组件库适配
微前端
?
本文由体验技术团队TinyVue组件库成员陈家梅同学分享,带你手把手实现TinyVue组件库适配
微前端
~一、前言以下是我对
微前端
的一些粗浅理解,对
微前端
有一定了解的话可以略过,直接进入第二部分。
OpenTiny社区
·
2023-12-06 20:56
前端
前端
开源
前端框架
微前端
qiankun
微前端
qiankun
使用,一些注意事项。
放飞wlg
·
2023-12-06 18:39
微前端
前置知识2--- monorepo架构
目录前言pnpmvsnpmpnpm设计思想硬连接软链接(符号链接)原理pnpm指令monorepo架构介绍配置monorepopnpm--filter前言我们采用的是
微前端
一个主应用,和多个子应用,我们肯定不会一个一个去
前端 贾公子
·
2023-12-06 09:32
前端
微前端
qiankun
示例 Umi3.5
主应用配置(基座)安装包npmi@umijs/plugin-
qiankun
-D配置
qiankun
开启{"private":true,"scripts":{"start":"umidev","build"
看陌生的风景
·
2023-12-06 05:54
React
JS
TypeScript
前端
qiankun
: 关于ElementUI字体图标加载不出来的问题
elementUI的样式文件中有字体文件的引用,是以相对路径的形式写在css文件中的,本来独立部署项目访问是没问题的,问题出现在以
qiankun
微服务的方式嵌入到主应用中时,路径就不能在以相对路径来显示了
stubborn丶lili
·
2023-12-05 11:01
elementUI
elementui
前端
javascript
微前端
介绍
目录
微前端
概念
微前端
特性场景演示
微前端
方案iframe方案
qiankun
方案micro-app方案EMP方案无界
微前端
方案无界方案成本低速度快原生隔离功能强大总结前言:
微前端
已经是一个非常成熟的领域了,
前端 贾公子
·
2023-12-05 09:31
前端
微前端
前置知识----webComponents
目录webComponents概念和使用生命周期总结CustomElementRegistry.define()语法参数返回值例子&总结Element.attachShadow()语法参数返回值异常例子&总结总结webComponentsWebComponent是一套不同的技术,允许你创建可重用的定制元素(它们的功能封装在你的代码之外)并且在你的web应用中使用它们。概念和使用作为开发者,我们都知
前端 贾公子
·
2023-12-05 09:28
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他