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
微前端
主子应用通信方案
一、概念目前有关
微前端
通信的方案无非两种:使用qiankun提供的api-initGlobalState进行通信;通过在主、微应用中定义状态管理类的方式进行通信;下面我们就第一种方案进行详细讲解,毕竟官方提供了实现方案
山东彭于晏丶
·
2023-11-25 04:48
前端
javascript
vue
react
Vue + qiankun 快速实现前端微服务
一、前言什么是
微前端
Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
何欢小星星
·
2023-11-25 04:47
vue.js
javascript
node.js
【
微前端
】qiankun
专栏:【
微前端
】什么是
微前端
【
微前端
】qiankun【
微前端
】qiankun+vite+vue3一、qiankun是什么qiankun是一种前端微服务架构,旨在解决大型复杂应用的拆分和管理问题。
逛街的猫啊
·
2023-11-25 04:47
微前端
前端
微服务
qiankun
【qiankun+vue】
微前端
子应用之间的通信方式总结
适用场景:适合业务划分清晰,比较简单的
微前端
应用,一般来说使用第一种方案就可以满足大部分的应用场景需求。
code_源源
·
2023-11-25 04:17
微前端
前端
vue.js
微前端
qiankun一步步教你做个超级无敌简单吊炸天的小栗子,不会你来打我
开始之前想问几个问题:什么是
微前端
?有哪几种常见的解决方案?为什么要是使用
微前端
,有什么样的场景使用
微前端
?qiankun方案怎么实现
微前端
?
背太阳的牧羊人
·
2023-11-20 14:58
vue
开发工具
前端
javascript
微前端
qiankun
前端技能学习
qiankun的微实践--初步挂载demo1.0
自己近期仿照qiankun官方demo做了个小型的
微前端
demo尝鲜,主应用用的vue3.0框架,分别创建了react17版本,react16版本、vue2.0版本等子应用。
等不到戈多了
·
2023-11-19 10:47
探讨基于@umijs/plugin-qiankun搭建的微应用的父子应用通讯方式
承接上篇文章(如何使用@umijs/plugin-qiankun搭建
微前端
项目)后续,下面我们探讨一下父子应用通讯的几种实现方式。
GEAs
·
2023-11-19 05:26
javascript
前端
微前端
架构实战上-概念篇
如何实现多个应用之间的资源共享?之前比较多的处理方式是npm包形式抽离和引用,比如多个应用项目之间,可能有某业务逻辑模块或者其他是可复用的,便抽离出来以npm包的形式进行管理和使用。但这样却带来了以下几个问题:发布效率低下。如果需要迭代npm包内的逻辑业务,需要先发布npm包之后,再每个使用了该npm包的应用都更新一次npm包版本,再各自构建发布一次,过程繁琐。如果涉及到的应用更多的话,花费的人力
西岭老湿
·
2023-11-16 13:19
java
vue
javascript
html
编程语言
微前端
-qiankun-落地指北
微前端
框架-乾坤的实际落地使用方式
微前端
是什么?一个针对前端大型,超大型项目遇到项目运维,开发瓶颈的解决方案
微前端
针对谁?大型或者超大型前端项目怎么理解
微前端
?
南麟剑首
·
2023-11-16 13:45
前端项目
vue实战
前端
qiankun
微前端
qiankun实战
微前端实战
微前端
应用及基于qiankun的
微前端
实践
gitee.com/dongche/yl-qiankun-base.gityl-qiankun-child-vue:https://gitee.com/dongche/yl-qiankun-child-vue.git
微前端
概念起源
微前端
概念最早其实是借鉴了微服务的概念
东扯葫芦西扯瓜
·
2023-11-16 13:45
js
vue
js
vue.js
[
微前端
实战]---036 react16 - 新车排行登录
react16-新车排行登录文章目录react16-新车排行登录一.项目目录二.基础配置2.1package.json2.2实例代码三.一次启动所有项目一.项目目录新建项目目录如下:这里的redux模块可参考之前的redux模块搭建方案二.基础配置2.1package.json{"name":"react16","version":"1.0.0","description":"","main":"
小李科技
·
2023-11-16 13:44
#
S4.
微前端实战
前端
微前端
2022年了你必须要学会搭建
微前端
项目及部署方式
一、
微前端
简介
微前端
是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
程序员poetry
·
2023-11-16 13:42
前端笔记
前端
javascript
微前端
微前端
乾坤
1.乾坤简介qiankun是一个基于single-spa的
微前端
实现库,旨在帮助大家能更简单、无痛的构建一个生产可用
微前端
架构系统官网:https://qiankun.umijs.org/zh/guide2
alisaGreen
·
2023-11-16 13:40
前端
vue.js
【
微前端
】micro-app搭建项目实战
主应用1、安装依赖npmi@micro-zoe/micro-app--save2、初始化micro-appimportmicroAppfrom‘@micro-zoe/micro-app’microApp.start()项目环境vue3+ts主应用实例//main.ts1.引入插件importmicroAppfrom‘@micro-zoe/micro-app’2.初始化插件microApp.star
咸蛋超人l
·
2023-11-16 13:35
前端
前端框架
了解什么是
微前端
一、简介
微前端
这个术语最初来自2016年的ThoughtWorks技术雷达,说到
微前端
,这里不得不首先提出另一个概念“微服务”。
管小姐的斐波那契
·
2023-11-16 11:57
微前端
前端
前端微服务qiankun基础使用
什么是
微前端
Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
duansamve
·
2023-11-16 11:19
qiankun
vue.js
前端
微前端
Micro-Frontends - 概念
微前端
Micro-Frontends-概念什么是
微前端
?(what)
微前端
是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Felix皇子
·
2023-11-16 11:46
前端开发
微前端
javascript
什么是Vue的前端微服务架构(Micro Frontends)?
微前端
(Micro-frontends)的主要理念是切分你的大应用到更小的、自治的应用中,让每个单个功能能够
一花一world
·
2023-11-16 11:12
前端
前端
架构
vue.js
前端网关踩坑实践
,常见的通常会通过暴露一个统一的网关入口给外界,从而使得整个系统服务有一个统一的入口和出口,收敛服务;然而,在前端这种统一提供网关出入口的服务比较少见,常常是各个应用独立提供出去服务,目前业界也有采用
微前端
应用来进行应用的调度和通信
维李设论
·
2023-11-16 00:06
前端
网关
前端
nginx
微前端
负载均衡
基于 qiankun 的
微前端
应用实践
业务背景云音乐广告Dsp(需求方平台)平台分为合约平台(Vue框架)和竞价平台(React框架),因历史原因框架选型未能统一,最近来了新需求,需要同时在两个平台增加一样的模块,因为都是Dsp平台,后期这样的需求可能会很多,所以考虑到组件复用以及降低维护成本,在想怎么统一技术栈,把React系统塞到Vue项目中进行呈现。系统是传统的左右布局,左侧侧边栏展示菜单栏,头部导航展示基础信息,应用内容全部填
hellozhxy
·
2023-11-15 13:49
前端
微前端
qiankun vue react项目demo 以及vue项目和react项目之间的参数传递和实现
微前端
项目之间token免登
umi+umi内置qiankun插件,基座和子应用的路由跳转和路由配置以及动态路由配置在react项目还有vue项目中,我们被一种思想所固化,我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。但是这是错误的,这一个非常严重的误区,也是我在react作为基座的时候一直困扰我的一个点。菜单和路由不应该完全的关联起来,二者没有必然的联系,在vue的框架中我们只需要配置了对应的router,对用的菜单
故梦梦
·
2023-11-15 09:51
react
vue.js
前端
react.js
javascript
前端框架
2023年最新的前端面试收集(1)
2023年最新的前端面试收集一、你在项目中做的性能优化的事情有哪些网络优化页面渲染优化JS优化图片优化webpack打包优化vue优化react优化二、webworker中为什么能提升js执行的性能三、
微前端
浪里小韭菜
·
2023-11-14 00:43
前端
面试
职场和发展
一文读懂
微前端
singleDoc#《
微前端
》本文使用的参考文档均以链接方式粘贴于文章内,十分感谢~2项目github链接如果你觉得本文档对你有用,恳请github仓库给个star~https://github.com
番茄炒蛋加鸡腿
·
2023-11-12 16:13
微前端
前端
【
微前端
】qiankun + vite + vue3
专栏:【
微前端
】什么是
微前端
【
微前端
】qiankun【
微前端
】qiankun+vite+vue3一、整体结构在qiankun体系下,一个
微前端
工程包含一个主应用和多个子应用。
逛街的猫啊
·
2023-11-11 22:48
微前端
微前端
vite
vue3
qiankun
微前端
qiankun (vue3+vite+ts+history)
一什么是
微前端
微前端
是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略
微前端
架构具备以下几个核心价值:技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发
liytingtt
·
2023-11-11 22:39
前端
vue.js
typescript
vue+qiankun
微前端
实践
qiankun(https://qiankun.umijs.org/zh/guide/getting-started)基座也可以用多种脚手架搭建(此处以vue2.x为例):vue-cli搭建vue2.x项目,然后安装qiankun:$yarnaddqiankun#ornpmiqiankun-S基座配置:我们将子应用的配置都放在:main/src/micro-app.js下:constmicroAp
单眼皮的小熊
·
2023-11-11 00:58
vue
前端
vue.js
javascript
乾坤
微前端
部署vue和react子应用
一、安装乾坤父应用1.以umi创建一个react工程,开启乾坤插件mkdirmyapp&&cdmyappyarnadd@umijs/plugin-qiankun-D2.父工程添加qiankun插件yarnadd@umijs/plugin-qiankun-D3.修改.umirc.ts配置文件import{defineConfig}from'umi';exportdefaultdefineConfi
is微凉
·
2023-11-11 00:27
前端
vue.js
react.js
vue3+阿里乾坤实现主应用和微应用
目录一、介绍1.背景2.什么是
微前端
特性3.开发前的准备工作4.构建主项目第一步、创建vue3的项目与正常创建项目无异,在这里不做过多描述第二部、将创建好的vue3项目作为主应用,在根目录先安装qiankung
西门吹雪~
·
2023-11-11 00:57
VUE
前端
javascript
vue.js
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
部署
开发
上一页
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
其他