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
微前端
介绍
目录
微前端
概念
微前端
特性场景演示
微前端
方案iframe方案
qiankun
方案micro-app方案EMP方案无界
微前端
方案无界方案成本低速度快原生隔离功能强大总结前言:
微前端
已经是一个非常成熟的领域了,
前端 贾公子
·
2023-12-05 09:31
前端
微前端
前置知识----webComponents
目录webComponents概念和使用生命周期总结CustomElementRegistry.define()语法参数返回值例子&总结Element.attachShadow()语法参数返回值异常例子&总结总结webComponentsWebComponent是一套不同的技术,允许你创建可重用的定制元素(它们的功能封装在你的代码之外)并且在你的web应用中使用它们。概念和使用作为开发者,我们都知
前端 贾公子
·
2023-12-05 09:28
前端
qiankun
部署
微前端
-vue2(一)
现在
qiankun
可以实现前端项目的
微前端
功能。
qiankun
官网:
qiankun
-
qiankun
最近在开发vue2的项目,前端主框架依赖于若依,于是就拿着现有项目试了一下。几番周折,终于成功了。
wuyu0920
·
2023-12-04 12:29
前端开发
vue
前端
vue
qiankun
部署
微前端
-vue2 (二)
对于基本的部署问题,也可以去官网查找答案:常见问题-
qiankun
这里主要记录在部署过程中遇到的问题一、路由权限问题无论主应用路由还是子应用中的路由,都会涉及权限问题,并不是每个路由路径对任何角色都是可见
wuyu0920
·
2023-12-04 12:29
前端开发
vue
前端
微前端
实战:打造高效、灵活的前端应用架构
文章目录一、
微前端
简介二、
微前端
的优势1.高度模块化2.独立部署3.易于扩展4.技术栈无关5.独立升级三、
微前端
的原理四、
微前端
案例思路《
微前端
实战》编辑推荐内容简介作者简介目录前言/序言随着互联网行业的快速发展
程序边界
·
2023-12-04 07:47
前端
架构
关于
qiankun
沙箱sandbox(面试题)
qiankun
.js隔离机制SnapshotSandBox快照沙箱,支持单个微应用classSnapShotBox{windowSnap={
Goat恶霸詹姆斯
·
2023-12-04 03:52
javascript
前端
微前端
沙箱
浅尝
微前端
(无界)
1、基本使用vue3项目作为父应用//下载wujie//npminstallwujie-vue3//引入importWujieVuefrom'wujie-vue3'//...//使用插件app.use(WujieVue)const{setupApp,preloadApp}=WujieVue//注册子应用setupApp({name:'react-app',//子应用名称url:'http://12
胡同学ou
·
2023-12-03 22:35
前端
nginx html 缓存及不缓存配置
server_namelocalhost;error_page500502503504/50x.html;location/{root/Users/huangqingpeng/Desktop/workspaces/
qiankun
oToyix
·
2023-12-02 22:26
linux常用基础技能及服务
#
Nginx
nginx
缓存
html不缓存
css缓存
微前端
框架
qiankun
开发到部署保姆式教程原理与实战
1.什么是
微前端
web应用构建方式
微前端
微前端
在2016年ThoughtWorksTechnologyRadar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。
大福ya
·
2023-12-02 16:21
qiankun微服务
微服务
架构
前端
vue.js
react
微前端
框架 ——
qiankun
微前端
框架——qiankunhttps://
qiankun
.umijs.org/zh/guide
微前端
是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
Software攻城狮
·
2023-12-02 06:54
笔记
前端
微前端
-乾坤
本文将按照下面的顺序逐一讲解:1)什么是
微前端
以及为什么使用
微前端
2)乾坤框架介绍3)基于乾坤框架实例4)开发过程中遇到的问题一、什么是
微前端
微前端
的核心思想就是将按照不同功能或不同维度拆分的独立子应用
赏花赏景赏时光
·
2023-12-02 06:52
vue
vue.js
一文搞懂
微前端
一.
微前端
的背景和动机单页应用单页应用往往是一个庞大的前端项目,由一个团队或多个团队共同开发,使用同一套技术栈,打包成一个整体,部署在一个域名下随着Web应用的功能越来越丰富和复杂,单页应用不得不面临以下问题
WestGGboom
·
2023-12-02 06:50
技术分享
前端
微前端
框架
qiankun
前言
qiankun
是一个基于single-spa的
微前端
实现库,帮助你构建一个生产可用的
微前端
架构系统。
WestGGboom
·
2023-12-02 06:47
技术分享
前端框架
微前端
个人理解与简单总结
最近一段时间在学习
微前端
,一开始是看各种博客了解
微前端
含义、对比多种
微前端
框架优劣,最后选择了
qiankun
、micro-app、wujie这三种
微前端
框架进行深入研究、对比。
hoaxxcj
·
2023-12-01 18:31
前端开发相关
微前端
micro-app
qiankun
前端微服务化解决方案7 - 静态数据共享
在前面的一些介绍,相信你对
微前端
已经有了一个相对完整的认知.下面介绍一下,再开发过程中我的一些小技巧与处理方法.动态入口当有新的子模块会挂载到项目中的时候,在UI中肯定需要一个新的入口进入子模块的UI.
Hello丶Alili
·
2023-12-01 08:18
umi2升级到umi3
umi2升级到umi3最近公司准备搞
微前端
,为了能能更好的适配
qiankun
,打算把公司用umi2写的老项目升级到umi3.5,在升级的过程中也遇到了非常多的问题文章目录umi2升级到umi3前言一、先按照官方文档进行升级二
前端架构师_555
·
2023-11-30 12:58
javascript
前端
微前端
框架 之 single-spa 从入门到精通
当学习成为了习惯,知识也就变成了常识。感谢各位的点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送,欢迎关注:李永宁lyn文章已收录到github,欢迎Watch和Star。简介从基本使用->部署->框架源码分析->手写框架,带你全方位刨析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
无星的
微前端
之旅(二)——
qiankun
的一些预知项
qiankun
将应用分为两种:主应用,微(子)应用一.主应用是一个基座主应用是一个基座,承载着各个子应用。主应用负责各个应用之间的加载,通信和调度。
无星灬
·
2023-11-26 13:19
为了实践
微前端
,重构了自己的导航网站
笔者早期开发了一个导航网站,一直想要重构,因为懒拖了好几年,终于,在了解到
微前端
大法后下了决心,因为工作上一直没有机会实践,没办法,只能用自己的网站试试,思来想去,访问量最高的也就是这个破导航网站了,于是用最快的时间完成了基本功能的重构
街角小林2
·
2023-11-25 21:46
vue2项目从0搭建(三):配置环境变量及对应的webpack配置
比如:常规开发环境,开发测试环境,正式的测试环境,预发测试环境,客户甲的生产环境,客户乙的生产环境,通用生产环境,独立应用环境,
微前端
环境,大屏专用环境,移动端环境。
青阳流月
·
2023-11-25 11:44
vue2
webpack
webpack
vue
【前端微服务】
qiankun
前端微服务目录main为主项目app-vue-historyvue-test为子项目
qiankun
是什么?
齐
·
2023-11-25 04:19
it初学者
im
学习
前端
基于
qiankun
的微服务应用实践
经过调研我们决定使用
qiankun
。主应用为vue+antdvue,
awaitfly
·
2023-11-25 04:48
微服务
前端
javascript
qiankun
微服务子系统对接文档
Vue子系统main.js入口文件修改letinstance=nullfunctionrender(props={}){const{container}=propsinstance=newVue({//el:'#app',router,store,render:h=>h(App)}).$mount(container?container.querySelector('#app'):'#app')
我是无敌的无敌的小可爱
·
2023-11-25 04:48
vue中
qiankun
架子,基站与微服务之间的通讯方式
vue中使用
qiankun
,基站与微服务之间的通讯方式1、第一种根据官方体统的action方式基站传:actions.setGlobalState收:actions.onGlobalStateChangeimport
袁公子123
·
2023-11-25 04:18
vue.js
javascript
微服务
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】
微前端
子应用之间的通信方式总结
一、
qiankun
官方提供的通信方式-Actions通信。适用场景:适合业务划分清晰,比较简单的
微前端
应用,一般来说使用第一种方案就可以满足大部分的应用场景需求。
code_源源
·
2023-11-25 04:17
微前端
前端
vue.js
vue-cli项目整合
qiankun
实现微服务架构
1.创建主应用和微应用vuecreatepotal//创建基座项目vuecreatevue-app-one//创建微应用1vuecreatevue-app-two//创建微应用21.1通用的
qiankun
ilovethesunshine
·
2023-11-25 04:46
前端
javascript
vue.js
基于
qiankun
的微服务落地实践
前言近些年,前端发展火热,百家争鸣,各种技术层出不穷,如今的前端已经不再像以前一样就是简单的写页面、调样式、处理DOM等,现在的前端工作内容越来越复杂,技术点也越来越丰富。当前,基于Vue、React、Angular的单页应用开发模式已经成为业界主流,基本上成为近几年前端项目必备技术,其前端生态也逐渐完善,我们可以利用这些技术与生态快速构建一个新的应用,这也大大缩短了项目的研发周期.但是随着公司业
高灯GFE
·
2023-11-25 04:16
微服务
前端
vue.js
angular
微服务
qiankun
通信方式
qiankun
:是一种类似于微服务的架构,是将一个大型应用拆分成若干个更小、更简单,可以独立开发、测试和部署的子应用,然后由一个基座应用根据路由进行应用切换,主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的
虎仔_
·
2023-11-25 04:15
架构
微服务
云原生
07. vue3+vite+
qiankun
搭建微应用前端框架,并接入vue3微应用
目录前言主应用微应用部署前言因为业务系统接入的需要,决定将一个vue3+vite+ts的主应用系统,改造成基于
qiankun
的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。
哟哟-
·
2023-11-23 11:43
vue.js
前端
javascript
【gitbub遇到的问题】新建工程后,本地无法push代码?提示鉴权失败
提示鉴权失败✘xxxxxx@macdeMacBook-Pro-3/Volumes/mac/repeater_console_
qiankun
maingitpush-uoriginmainUsernamefor'https
sky_geek2008
·
2023-11-22 20:43
git
github
微前端
qiankun
一步步教你做个超级无敌简单吊炸天的小栗子,不会你来打我
开始之前想问几个问题:什么是
微前端
?有哪几种常见的解决方案?为什么要是使用
微前端
,有什么样的场景使用
微前端
?
qiankun
方案怎么实现
微前端
?
背太阳的牧羊人
·
2023-11-20 14:58
vue
开发工具
前端
javascript
微前端
qiankun
前端技能学习
vue3项目安装eslint和prettier
【几乎最全/全网最长的2万字】前端工程化完整流程:从头搭到尾(vue3+vite+
qiankun
+docker+tailwindcss+iview......)
深一海
·
2023-11-20 02:59
eslint
prettier
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
前端
vue 使用
qiankun
微应用 两个或多个 子应用
乾坤文档链接:https://
qiankun
.umijs.org/zh/guide安装乾坤:yarnaddqiankun#或者npmiqiankun--save在'@/
qiankun
/config.js
小菜又鸟
·
2023-11-19 04:11
微前端
架构实战上-概念篇
如何实现多个应用之间的资源共享?之前比较多的处理方式是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
的
微前端
实践
示例代码仓库:yl-
qiankun
-base:https://gitee.com/dongche/yl-
qiankun
-base.gityl-
qiankun
-child-vue:https://gitee.com
东扯葫芦西扯瓜
·
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
上一页
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
其他