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
微前端
-monorepo-无界
文章目录前言一、
微前端
二、monorepo三、pnpm硬链接软链接(符号链接)幽灵依赖依赖安装耗时长monorepo项目搭建子模块复用四、无界接入无界无界预加载无界传参总结前言本文主要记录
微前端
框架无界的使用与理解以及
天将降大任于我
·
2023-09-02 20:22
微前端
前端
学习
这5个理由告诉你为什么要采用
微前端
架构
微前端
是一种前端开发的架构方法,已经变得越来越流行,这也预示着它很可能代表Web开发的未来。所以学习这种架构带来的好处对你的应用程序和开发团队是不言而喻的。
胖头鱼不吃鱼-
·
2023-09-02 18:30
前端
架构
三分钟了解
微前端
, 乾坤方案改造 和无界方案改造
项目背景说明前面完成了基于Vue2的xxx后台管理系统,假设另外一个团队的小伙伴来实现智慧园区的前台可视化部分,他们使用的是最新的Vue3技术栈,现在有一个需求,他们的前台项目想直接使用我们的登录功能,获得token,进行数据获取渲染,这时候该怎么办呢?1后台管理用户是老的Vue2技术栈,前台可视化项目用的是Vue3的技术栈-技术栈不同独立2在用户信息上,前台可视化项目依赖于后台中的token数据
沙尘暴炒饭
·
2023-09-01 15:04
前端
状态模式
Angular
微前端
提示:本文比较适用有[angular]基础的小白,大佬的话可以忽略应该提供不了什么参考价值;本文适用于angular7以上的版本,为angular提供一种较为简单但又可以应用于实际开发
微前端
实现方案。
墨墨无名
·
2023-09-01 02:09
Angualr微前端实现方案
angular
前端框架
webpack
npm
typescript
Vue 如何去组织大型 SPA 应用架构
在考虑使用
微前端
将代码库分解为多个应用程序之前,可以遵循一些步骤来改进项目级别的架构,并使转换更容易(如果您考虑过这条路径)。
·
2023-08-31 19:13
解决阿里qiankun微应用资源无法加载
公司老项目多了,却想用新版本的框架,最好的解决办法就是用
微前端
。本文说下我们在用阿里
微前端
框架qiankun,遇到的一些问题,以及一些巧妙的解决办法。
洲上牧童
·
2023-08-31 11:22
前端
qiankun
微应用
前端
qiankun 子应用选择器失效问题
场景在基于qiankun的
微前端
架构下开发时,子应用代码内的选择器全部失效。例如getElementById()等方法是获取不到子应用的元素的。
鹤仔z
·
2023-08-29 03:42
作为面试官,为什么我推荐
微前端
作为前端面试的亮点?
点击在线阅读,体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接前段时间陆续面试了一波候选人,其中提到最多的就是
微前端
方案,
微前端
不像前端框架的面试题那样
·
2023-08-29 02:49
微前端
下element-ui弹框偏移问题解决
本章主要是解决无界
微前端
环境下element-ui弹框偏移问题,如果你用的是其他
微前端
框架,且提供了jsloader这种预处理器,则可以举一反三解决同样的问题。
·
2023-08-29 02:47
微前端element-ui
微前端
:重塑大型项目的前沿技术
微前端
作为一种新的前端架构模式,应运而生,它旨在解决大型项目中的前端开发问题,提供更高的模块化、更好的代码管理和更高的开发效率。本文将深入探讨
微前端
的概念、原理和在大型项目中的应用。
乐思项目管理
·
2023-08-28 16:19
开发测试
前端
经验分享
笔记
聊一聊
微前端
框架的选型和实现 | 业务平台
我们引入
微前端
,将相似的部分抽离出来,创建一个仓库,实现下图效
360技术
·
2023-08-28 08:08
前端框架
微前端
多Bundle集成
微前端
架构中一般会有个容器应用(containera
阿凯_8b27
·
2023-08-27 00:13
浅谈
微前端
微前端
是一种类似于后端微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
空无一码
·
2023-08-26 03:03
前端需要知道的
微前端
知识
1关于
微前端
微前端
是一种由独立交付的多个前端应用组成整体的架构风格。具体的,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。
薛定谔的猫96
·
2023-08-25 21:11
前端
面试
前端
微前端
js实现锚点跳转
背景由于使用wujie
微前端
集成子应用,子应用里面的某个页面内部是用a标签做锚点跳转的,集成之后,锚点跳转就失效了问题排查找到原因是因为点击a标签跳转后,会将#锚点直接拼接在了主应用的url上面了,导致子应用不识别
·
2023-08-24 22:04
javascripthtml5
前端面试:【系统设计与架构】组件化、模块化、
微前端
的现代前端架构演进
在本文中,我们将探讨三个重要的现代前端架构概念:组件化、模块化和
微前端
,以及它们在构建可维护、可扩展的前端应用程序中的作用。
fans小知
·
2023-08-24 13:27
面试
前端
架构
作为面试官,为什么我推荐组件库作为前端面试的亮点?
图解算法小册最近整理了一本算法小册,感兴趣的同学可以加我微信linwu-hi进行获取前言在上一篇作为面试官,为什么我推荐
微前端
作为前端面试的亮点?
·
2023-08-22 11:56
微服务与
微前端
:区别在哪里
微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势,学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录,有一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGptplus版本的,我们出的钱体验地址:https://chat.waixingyun.cn可以加入网站底部技术群,一起找bug,另外新版作图神器已上线https
·
2023-08-22 09:03
javascript前端
giankun+vue
微前端
实战配置流程详解,包含基座配置、子应用配置、参数传递
qiankun集成指引文档qiankun是一个生产可用的
微前端
框架,它基于single-spa,具备js沙箱、样式隔离、HTMLLoader、预加载等
微前端
系统所需的能力。
我是小菜鸟1219
·
2023-08-20 15:40
前端
vue.js
javascript
前端框架
css3
【qiankun】
微前端
在项目中的具体使用
1、安装qiankunnpminstallqiankun--save2、主应用中注册和配置qiankun在主应用的入口文件main.ts中,引入qiankun的注册方法:import{registerMicroApps,start}from'qiankun';创建一个数组,用于配置子应用的相关信息。每个子应用都需要提供一个名称、入口URL、挂载点和一些可选配置项。例如:constapiEnv={d
湛海不过深蓝
·
2023-08-20 06:55
qiankun
前端
微前端
- qiankun
qiankun是一个基于single-spa的
微前端
实现库,旨在帮助大家能更简单、无痛的构建一个生产可用
微前端
架构系统。本文主要记录下如何接入qiankun
微前端
。
沉默lu
·
2023-08-19 11:04
前端
基于 React 的
微前端
:Piral 简析
近年来,“
微前端
”一词已进入了主流技术领域。虽说实践中实现
微前端
的模式有很多,但我们认为可能存在一个“理想”的解决方案——这种方案既能具备单体架构的优势,又能结合使用隔离模块的某些优秀特性。
sidney_c
·
2023-08-17 20:17
用一篇文章让你了解学会
微前端
用一篇文章让你了解学会
微前端
前言:一、
微前端
的基本概念和原理二、
微前端
的实现方式三、
微前端
的优势四、
微前端
的实践方法五、
微前端
的使用六、使用
微前端
技术的注意事项七、使用[single-spa框架](https
网络真危险!!
·
2023-08-17 08:04
前端
状态模式
Java后端微服务研发规范
项目分层说明项目分层说明前后端分离前端采用AntDesignforVuejsPro
微前端
架构:在一个基座上承载多个SPA应用,基座上
Java分布式架构实战
·
2023-08-17 07:16
可观测性网站如何知道网站是否命中了缓存?
为了告慰良心,webdeveloper搞了可视化、组件化、工程化、
微前端
、低代码。网站平均加载时间依然客死在2s内。
liugang0605
·
2023-08-17 02:20
前端
性能优化
可能是多端适配性最好的
微前端
框架
引子对
微前端
方向有了解的同学可能都看过qiankun的文档,深入的同学估计也去翻过其代码和single-spa的源码。
·
2023-08-16 17:16
前端微前端前端架构
微前端
框架 之 qiankun
qiankun文档:快速上手
微前端
:是最近一年国内前端领域被频繁提及的关键字,虽然它并不是一个全新的领域/技术,但很显然在当今越来越多的前端应用即将步入第3个、第5个甚至更久的年头的背景下,如何给巨石应用
stubborn丶lili
·
2023-08-15 17:14
javascript
作为面试官,为什么我推荐组件库作为前端面试的亮点?
图解算法小册最近整理了一本算法小册,感兴趣的同学可以加我微信linwu-hi进行获取前言在上一篇作为面试官,为什么我推荐
微前端
作为前端面试的亮点?
·
2023-08-15 16:08
微前端
带来的劣势是什么
复杂性增加:
微前端
架构需要处理多个独立的应用,每个应用都有自己的技术栈、构建流程和依赖关系。这可能导致整体架构的复杂性增加,需要额外的管理和协调工作。
AlgorithmHero
·
2023-08-15 04:25
javascript
【数据中台商业化】数据中台
微前端
实践
一,需求背景1业务背景在以往的业务场景中,用户进入五花八门的菜单体系中,往往会产生迷茫情绪,难以理解平台名称及具体作用,导致数据开发与管理学习成本较高,降低工作效率。为此我们整合从数据接入,数据开发,数据管理的全链路流程,期望让用户体验一站式数据开发与管理的便捷性;并提供不同业务场景,方便根据业务场景进行进一步数据开发与管理工作,为数据应用平台打下夯实规范的数据基础,方便用户在数据平台里,对于数据
2301_76429513
·
2023-08-13 12:15
前端
基于vue3+webpack5+qiankun实现
微前端
一主应用改造(又称基座改造)1在主应用中安装qiankun(npmiqiankun-S)2在src下新建micro-app.js文件,用于存放所有子应用。constmicroApps=[//当匹配到activeRule的时候,请求获取entry资源,渲染到container中{name:'micro-vue3',entry:'//localhost:40000',//子应用的html入口activ
alice--小文子
·
2023-08-12 06:13
前端
qiankun-
微前端
--vue2
项目结构主应用技术:vue2子应用技术:vue2项目目录这里是特意将主子项目分开来的,方便管理主应用安装qiankunnpminstallqiankun重新定义一个启动端口,防止和其它子应用共用同一个端口(vue.config.js)定义子应用在主应用中的出口,下面这两个地方都需要进行定义(main.js和模板组件)注意:我这里定义的子应用的挂载节点是在HomeView.vue这个页面上,放在这里
阿Q--小黑
·
2023-08-12 00:02
微前端
前端
vue.js
javascript
从零搭建qiankun
在说qiankun之前先了解下Single-spa,Single-spa是一个将多个单页面应用聚合为一个整体应用的JavaScript
微前端
框架。
Wombat-
·
2023-08-11 23:36
前端
nginx
react.js
javascript
zustand:基于 Flux 模型实现的小型、快速和可扩展的状态管理
效果图
微前端
为什么你需要zustand-pub?
@Dai
·
2023-08-11 08:07
前端基础知识
javascript
html
前端
学习
开发语言
阿里 qiankun
微前端
框架实践
微前端
可以说是这个问题的满分答案。
小丶侯
·
2023-08-11 04:06
微前端
实践一
微前端
起源
微前端
的概念最早由thoughtworks在2016年提出。其核心思路是借鉴后端微服务架构理念,将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。
yolkpie
·
2023-08-07 06:09
微前端
中的 CSS
CSSinMicroFrontends原文作者:FlorianRappl原文地址:https://dev.to/florianrappl/css-in-micro-frontends-4jai我被问得最多的问题之一是如何在
微前端
中处理
奇舞周刊
·
2023-08-07 04:38
前端
css
笔记:无界
微前端
入门
无界
微前端
框架笔记wujie(无界)是腾讯在2022年7月推出的
微前端
框架,下面是腾讯前端团队的原话无界
微前端
方案基于webcomponent容器+iframe沙箱,能够完善的解决适配成本、样式隔离、运行性能
易风有点疯
·
2023-08-05 17:23
前端学习
前端
笔记
javascript
微前端
框架 之 qiankun
文章目录一、介绍1.1qiankun的优点/特点二、源码解读2.1框架目录结构2.2有料的package.json2.3示例项目中的主应用2.4启动示例项目三、示例项目3.1主应用3.1.1webpack.config.js3.1.2基于路由配置3.1.2.1index.js3.1.2.2VueRender.js3.1.2.3ReactRender.js3.1.3手动加载微应用3.1.3.1mul
fmk1023
·
2023-08-03 13:25
React
前端学习
javascript
css
html
微前端
微前端
是目前比较热门的一种技术架构,挺多读者私底下问我其中的原理。
6f2f71ece809
·
2023-08-02 00:02
什么是
微前端
前端微服务化,将单片式Web应用分解为多个
微前端
的策略。什么是
微前端
架构?微型前端架构是一种将Web应用程序开发为小型前端应用程序的方法。该应用程序没有编写大型的整体式前端应用程
kyo_f89f
·
2023-07-31 21:05
初见
微前端
基座1.安装npmi@micro-zoe/micro-app@alpha--save2.引入加start根目录下importmicroAppfrom'@micro-zoe/
micro-app
'microApp.start
懿小诺
·
2023-07-30 10:33
微前端
nuxt3.0方便请求api可封装一个使用哈希算法出key值的http,http封装
http.tsimport{hash}from'ohash'importtype{FetchOptions}from'ohmyfetch'interfacehttpOptions{source?:string}/****获取接口前缀*/我这里为不同站点的接口做了区分,主站点为api,demo站点为demoapifunctionGetPrefixUrl(source?:string){const{p
zhongli_
·
2023-07-28 06:33
http
哈希算法
typescript
vue.js
Promise
webpack联邦模块介绍及在dumi中使用问题整理
二、如何在dumi中使用及问题整理1.如何在dumi中使用(这个配置是好使的)2.相关问题整理2.1问题12.2问题2总结前言联邦模块(ModuleFederation)是指一种用于构建
微前端
架构的技术
A-wliang
·
2023-07-28 02:19
webpack进阶
webpack
dumi
联邦模块
微前端
简介
微前端
概念详解什么是
微前端
?
微前端
(Micro-Frontend),是将微服务(Micro-Services)理念应用于前端技术后的相关实践,使得一个前端项目能够经由多个团队独立开发以及独立部署。
状元岐
·
2023-07-28 02:22
微前端
前端
开发语言
无星的
微前端
之旅(三)——qiankun改造
微前端
改造这里以Vue3为例子,主应用和子应用均使用vue3路由的话,建议主应用和子应用使用相同模式,即均为history或者均为hash以下先使用为history模式讲解,最后会写如何使用hash模式
无星灬
·
2023-07-26 19:38
基于lerna和single-spa,sysyem.js搭建vue的
微前端
框架
为什么要用
微前端
目前随着前端的不断发展,企业工程项目体积越来越大,页面越来越多,项目变得十分臃肿,维护起来也十分困难,有时我们仅仅更改项目简单样式,都需要整个项目重新打包上线,给开发人员造成了不小的麻烦
mongofeng
·
2023-07-25 18:35
从Jquery到React,从Iframe到
微前端
,我们经历了什么
--58安居客北京前端团队《巧寓sass系统》开发纪实前言如标题所讲,本文将要记录的是我在真实的项目开发过程中,如何将一个2017年代码的JQ项目一步步迁移升级为react+
微前端
技术架构的。
喜剧之王爱创作
·
2023-07-25 15:52
pnpm 与monorepo架构
其他文件跟这变化上图所示:安装某依赖,外面带符号的文件夹只是一个软链接,链接到.pnpm的文件夹下面.pnpm内的依赖又通过硬链接的方式从本地store拉取,查看:pnpmstorepath;场景monoropo架构与
微前端
外面一个主应用里面可以有多个
_Rookie._
·
2023-07-25 12:49
html
前端
Webpack5核心原理与应用实践(基础用法)一
主要有:搭建完善的JavaScript、CSS开发环境;搭建
微前端
、NPM包、桌面应用等。
天将降大任于我
·
2023-07-25 11:06
Webpack
webpack
javascript
前端
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他