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
微前端micro-app
vue3.0 创建 乾坤qiankun
微前端
1.前期准备工作1.1创建主应用1)vue新建主应用vuecreateqiankun-main2)创建src/components/father.vue恭喜你,看到我了,我是father页面exportdefault{name:'AFather'}3)src/router/index.js中添加路由信息import{createRouter,createWebHistory}from'vue-ro
红豆黄豆小甜豆
·
2023-11-11 00:57
前端
vue.js
javascript
微前端
-乾坤qiankun
2019-2020年前端最火的技术之一:
微前端
微前端
究竟是什么?
微前端
是近三年前端社区比较火的技术方案,试图把拆分大型后端系统的一些益处引入前端。
微前端
就是将不同的功能按照不同的维度拆分成多个子应用。
u010707194
·
2023-11-11 00:55
微前端
qiankun
乾坤
vue.js
vue快速搭建qiankun
微前端
框架完整步骤
qiankun是什么:基于single-spa进行二次开发,是一种类似于微服务的架构,是将一个大型应用拆分成若干个更小、更简单,可以独立开发、测试和部署的子应用,然后由一个基座应用根据路由进行应用切换,主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的!qiankun的优势:1、技术兼容性好,各个子应用可以基于不同的技术架构;2、接入方式,让你接入微应用像使用iframe一样简单;3、耦
专心致志的程序员!
·
2023-11-11 00:25
qiankun
npm
前端框架
vue
react
javascript
微前端
——乾坤qiankun Demo
微前端
——qiankun(乾坤)实例一、什么是
微前端
微前端
就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。
微前端
的核心在于拆,拆完后在合!
欠踹的背影007
·
2023-11-11 00:25
微前端
qiankun
前端
vue
react
乾坤
微前端
改造
乾坤
微前端
改造作者:YoungDo业务场景:项目前期已使用vue2+js重构完成干预效果分析模块,且公司前端组件库目前维护了vue2组件库(集采、抗网、干预分析、新患教、处方评估模块已配套使用),vue3
YoungDoCui
·
2023-11-11 00:24
前端
ui
javascript
乾坤qiankun-
微前端
-简单搭建demo
Micro-frontend,
微前端
,顾名思义,前端也可以像后端一样通过多个微服务,搭建项目。只是后端的微服务架构是SpringBoot,而前端我们可以使用qiankun实现前端的微服务架构。
大小小丹
·
2023-11-11 00:22
架构
前端
前端
javascript
前端框架
微前端
Micro-frontend
微前端
框架乾坤配置记录
$mount('#app');2.引入乾坤
微前端
主应用配置//src/mico/index.jsi
hjb2722404
·
2023-11-11 00:52
前端综合应用
前端
微前端
乾坤
qiankun
vue
微前端
—乾坤 初体验
昨天新建了两个项目,上手体验了一下
微前端
乾坤,感觉很神奇,但官网教程似乎对新手不大友好,上手完以后感觉很简单,但中间过程实在繁琐,各种报错和百度,今天上班摸鱼,记录一下全部过程,方便日后操作。
白茶_White
·
2023-11-11 00:51
前端
vue.js
javascript
乾坤
微前端
优化(一)
前提1.同一个技术,都是react,或者都是vue。2.会webpack的dll配置。思考发现各个应用之间,第三方的包都是很多的,假如我们在主应用把这些包抽取出来,后面子应用引入,可以极大地减少子应用包的大小。解决方法一开始想使用externals来解决这问题,但是发现有一部分插件是不支持umd格式的,所以废弃了这个方案。后面想到了webpack的dll打包,可以打包抽取不支持umd格式的插件,完
best-toby
·
2023-11-11 00:21
webpack
微前端
qiankun
微前端
vue乾坤
微前端
项目
1、主应用安装乾坤npmiqiankun-S注册微应用并启动:import{registerMicroApps,start}from'qiankun';//设置两个微应用registerMicroApps([{name:'vue1',//要跟package.json中的name保持一致entry:'//localhost:8081',//本地就这么写container:'#container',/
岳哥i
·
2023-11-11 00:50
前端
vue.js
javascript
10道高频React面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-10 19:15
前端面试硬核
react.js
前端
前端框架
面试
javascript
微前端
:quankun
零:前言
微前端
可以将大应用拆分功能独立的微应用,可独立开发部署,每个微应用可以采用自己的技术栈,这样更好维护和拓展。
小强有个dream
·
2023-11-10 17:17
微前端
前端
【React-admin】构建React应用(4)-基于antd封装查询表单分页
在前段时间研究
微前端
的时候,发现antd.pro对
微前端
的支持并不友好,为了以后方
逆风飞翔的猿
·
2023-11-10 16:28
React
table组件封装
ant
react
微前端
qiankun嵌入vue项目后iconfont显示方块
个人项目地址:SubTopH前端开发个人站(自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面)SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上是个人前端项目,欢迎提出您的建议以下是正文内容...............解决方法:修改iconfont.c
次顶级
·
2023-11-10 14:54
vue.js
前端
javascript
10道高频Qiankun
微前端
面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-09 19:10
微前端
前端面试硬核
前端
javascript
Qiankun
面试题
20道高频CSS面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-09 19:40
前端面试硬核
css
前端
面试
10道高频webpack面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-09 19:40
前端面试硬核
webpack
前端
javascript
面试题
20道高频JavaScript面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-09 19:39
前端面试硬核
javascript
前端
面试题
10道高频Vuex面试题快问快答
10道高频Qiankun
微前端
面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤
·
2023-11-09 19:07
前端面试硬核
javascript
前端
面试题
vuex
深入浅出
微前端
(qiankun)
微前端
的理解
微前端
的核心理念是将前端应用程序看作是一个整体,由多个独立的部分组成。每个部分被视为一个
微前端
应用,它们可以具有自己的技术栈、开发流程和团队组织。
程序员辰风
·
2023-11-08 06:45
状态模式
Vue
微前端
&微服务解决方案, Genesis 对远程组件进一步的设计和思考
对远程组件进一步的设计和思考远程组件,是Genesis提出的一个概念,它是指通过接口,调用一个另一个服务的组件,它可以是一个按钮、一个模块或者一个页面。嵌入式调用除了嵌入图片、视频之类的,在日常开发,嵌入调用最多的还是iframe。而远程组件,可以让你在服务端、客户端都能无缝的嵌入另外一个服务的页面。如下图:image它的使用方式是这样子exportdefault{methods:{fetch()
狼族小狈
·
2023-11-06 15:33
微前端
三:qiankun 协作开发和上线部署
我们先看qiankun怎么上线部署:我这边用的是yaml文件在rancher上部署的:base是基座,这里每个应用都是一个服务,这个还是跟之前一样并没有区别,那如何在一个域名上挂载多个服务呢?最开始我们主要是在ingress上配置:这样的好处是每一个域名对应的服务是单独配置的,可以做到定制化配置,域名没有配置的服务肯定是访问不到的。但这么做有一个问题,就是当域名很多了,会有一个很长的ingress
天外天-亮
·
2023-11-02 12:18
微前端
前端
qinnkun
部署
开发
从lowcode看下一代前端应用框架
本文会从近两年越来越火的lowcode/
微前端
出发,探讨在传统前端领域,下一代前端工程/框架的可能方向。全文3166字,预计阅读时间6分钟。
百度Geek说
·
2023-10-30 19:01
前端
前端
前端框架
从modern.js到摩登前端
涵盖了响应式页面、
微前端
、桌面应用、低代码等等技术。本文不包含对modern.js的分析,仅以此为脉络,粗浅的罗列出所涉及到的技术与简短的介绍。技术划分modern.js认为未来前端开
深海丧鱼
·
2023-10-29 03:24
泛微OA之获取每月固定日期
文章目录1.需求及效果1.1需求1.2效果2.思路3.实现1.需求及效果1.1需求需要获取每个月的7号作为需发布日期,需要自动填充1.2效果自动获取每个月的七号2.思路1.功能并不复杂,可以用泛
微前端
自带的插入代码块的功能来实现
努力努力ing!
·
2023-10-28 01:27
泛微OA
js
微前端
qiankun接入Vue和React项目
主应用:Vue3+Webpack1、创建主应用:npxvuecreatemain-vue3-app2、安装qiankunnpxyarnaddqiankun3、项目中使用的vue、vue-router、qiankun依赖如下,webpack版本为5.x4、在根目录下创建vue.config.jsconst{defineConfig}=require('@vue/cli-service');const
UzumakiHan
·
2023-10-27 06:08
前端
vue.js
react.js
qiankun
qiankun:
微前端
-乾坤(vue2为例)
qiankun官方文档地址:https://qiankun.umijs.org/zh一、主应用1、安装qiankunyarnaddqiankun#yarn安装npmiqiankun-S#npm安装2、注册/加载微应用(1)方式一:基于路由配置适用于route-based场景。通过将微应用关联到一些url规则的方式,实现当浏览器url发生变化时,自动加载相应的微应用的功能。main.js中注册微应用
koiy.cc
·
2023-10-27 06:08
未分类
前端
javascript
webpack
微前端
的概念
##
微前端
的概念
微前端
就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。
年少追梦
·
2023-10-27 02:23
微前端
(Micro Frontend ) 落地实施的一些具体例子
前文
微前端
概述(MicroFrontends)以及相比单体应用,
微前端
能带来什么好处简单介绍了
微前端
的概念,本文来看一个具体的应用例子。原文地址想象一个网站,客户可以在其中订购外卖食品。
JerryWang_汪子熙
·
2023-10-25 23:09
微前端
系列-样式隔离、元素隔离
样式隔离问题各个应用之间可能相互设置标签样式,会相互影响,或者影响全局样式,比如应用A给body设置样式,应用B也给body设置样式方法一样式增加不同前缀每个应用通过前缀独立区分开,京东
micro-app
samllplum
·
2023-10-24 17:53
微前端
1024程序员节
微前端
乾坤js隔离
乾坤,作为一款
微前端
领域的知名框架,其建立在single-spa基础上。相较于single-spa,乾坤做了两件重要的事情,其一是加载资源,第二是进行资源隔离。
samllplum
·
2023-10-24 17:15
微前端
javascript
开发语言
ecmascript
微前端
1024程序员节
Vue3 开发语法使用总结(超详细、超基础)
前言最近开源了一套后台管理模板Wocwin-Admin,是基于Vue3.2、TypeScript、Vite4、Pinia、Element-Plus、Qiankun(
微前端
)技术栈,借此归纳一下Vue3.2
wocwin
·
2023-10-23 03:28
Vue3专栏
vite+vue3项目搭建
vue3
typescript
vue3语法
Pinia
vite4
Element-Plus
vue3.2
微前端
与Monorepo的架构设计
前言本文主要介绍如何使Monorepo与
微前端
结合使用,篇幅较长,请结合目录酌情阅读。
微前端
/Monorepo方案都存在很多争议,争论无意义,选择适合自己团队的方案即可。
codexu.
·
2023-10-22 07:08
前端
前端框架
javascript
node.js
完美搭配,
微前端
与Monorepo的架构设计
前言本文主要介绍如何使Monorepo与
微前端
结合使用,篇幅较长,请结合目录酌情阅读。
微前端
/Monorepo方案都存在很多争议,争论无意义,选择适合自己团队的方案即可。
前端瓶子君
·
2023-10-22 07:08
前端
分布式
javascript
前端框架
架构
完美搭配,
微前端
与 Monorepo 的架构设计
前言本文主要介绍如何使Monorepo与
微前端
结合使用,篇幅较长,请结合目录酌情阅读。
微前端
/Monorepo方案都存在很多争议,争论无意义,选择适合自己团队的方案即可。
React 中文社区
·
2023-10-22 07:38
前端
微前端
架构实践
微前端
概念
微前端
借鉴了微服务的思想,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的子应用,而在用户看来是一个整体。
alfalfaw
·
2023-10-20 21:54
微前端
是模块化后的最终选择
微前端
应作为彻底解耦代码和依赖关系后的最后手段。分布式单体很难管理,并有可能在多个代码库中重新引入相同的问题。在拆分之前,需要进行彻底的重构,以尽量减少孤立部分之间的相互依赖。
极道Jdon
·
2023-10-20 07:10
javascript
reactjs
mac根目录创建文件/文件夹
在
微前端
开发过程中服务众多的情况下出现了泳道的概念,在不同的泳道前后端部署相应需求的代码,各个泳道间互不干扰,提高开发效率。
m0_60868404
·
2023-10-20 06:42
乾坤qiankun(
微前端
)样式隔离解决方案--使用插件替换前缀
一、前言qiankun作为
微前端
的一种融合方式,目前也比较成熟,但是由于各类开发技术选型非常繁多,导致了在项目中配置不同,解决别人的问题,不一定能解决自己的问题。
赢乐
·
2023-10-19 18:09
vue
vue3
前端
微前端
四:qiankun在开发中遇到的问题
在qiankun开发中会遇到很多问题,上一篇
微前端
三:qiankun协作开发和上线部署其实也是在解决一些经常遇到的问题,下面的两点也算是比较经典的了1、子应用图片路径问题2、基座是Vue2.0+elementui
天外天-亮
·
2023-10-19 16:48
微前端
前端
javascript
qiankun
乾坤实战教程
一、什么是
微前端
架构
微前端
不是单纯的前端框架或者工具,而是一套架构体系,这个概念最早在2016年底被提出,可以参考在Google上搜索Micro-Frontends,排名靠前的http://micro-frontends.org
IT飞牛
·
2023-10-18 15:43
Web前端
前端
前端框架
javascript
webpack5(Module Federation)+vue3.0实现
微前端
项目源码地址:https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是
微前端
微前端
是一个比较宏观的概念,他的核心就是独立,开发独立、部署独立,比较适合大的团队来进行重量级项目开发
爱踢球的jerry
·
2023-10-18 13:46
微前端
为什么不用 iframe
url不同步。浏览器刷新iframeurl状态丢失、后退前进按钮无法使用。UI不同步,DOM结构不共享。想象一下屏幕右下角1/4的iframe里来一个带遮罩层的弹框,同时我们要求这个弹框要浏览器居中显示,还要浏览器resize时自动居中..全局上下文完全隔离,内存变量不共享。iframe内外系统的通信、数据同步等需求,主应用的cookie要透传到根域名都不同的子应用中实现免登效果。慢。每次子应用进
车文烨
·
2023-10-17 17:50
微前端
概述(Micro Frontends) 以及相比单体应用,
微前端
能带来什么好处
原文地址好的前端开发很难。扩展前端开发,让多个团队可以同时开发一个大型复杂的产品就更难了。在本文中,我们将描述将前端单体分解成许多更小、更易于管理的部分的最新趋势,以及这种架构如何提高处理前端代码的团队的效率和效率。除了讨论各种好处和成本外,我们还将介绍一些可用的实现选项,我们将深入研究演示该技术的完整示例应用程序。近年来,微服务大受欢迎,许多组织使用这种架构风格来避免大型单体后端的局限性。虽然关
JerryWang_汪子熙
·
2023-10-17 14:36
微前端
框架 Qiankun 如何集成 Snowpack 打包的微应用
最近在
微前端
框架Qiankun中加载一个使用了Snowpack工具来打包项目时无法正常使用。
_delong
·
2023-10-17 14:58
微前端
架构的几种技术选型
背景随着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
微前端
前端
上一页
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
其他