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
javascript前端微前端
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
无界
微前端
Web前端零基础入门HTML5+CSS3基础教程——了解前端
目录前端是什么前端的核心技术HTMLCSS
JavaScript前端
入门所用到的工具VSCode的安装
TTLTTX
·
2023-12-27 12:30
前端学习
html5
css
微前端
简介
微前端
简介
微前端
这个名词,第一次被提出还是在2016年底,那是在ThoughtWorksTechnologyRadar。这个概念将微服务这个被广泛应用于服务端的技术范式扩展到前端领域。
Shero.李建业
·
2023-12-27 07:00
前端
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!important;}其它应用也会受到影响qiankun的css隔离方案(shadowdom)shadowdom是webcomponents技术的一部分,其实就是一个attachShadow的APIwebcomponents添加内容的时候,不直接append
阿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
微前端
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
微前端
前端
在Java中如何将Vue项目导入并进行编程
Vue.js是一种流行的
JavaScript前端
框架,而Java是一种面向对象的编程语言。如果你想在Java中使用Vue项目,你需要进行一些额外的配置和编程。
雨中微步
·
2023-12-16 16:00
java
vue.js
开发语言
编程
关于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
前端
《web前端开发技术》初识Vue + 第一个 Vue程序:hello world
目录2.1Vue简述2.1.1什么是Vue2.1.2为什么选择Vue2.2Vue的三种安装方式2.1Vue简述Vue在
JavaScript前端
开发库领域属于后来者,其他前端开发库有jQuery、ExtJS
MSY~学习日记分享
·
2023-12-15 09:50
web前端开发技术
开发语言
前端框架
前端
html5
笔记
小伙伴新鲜出炉面试题目总结(含中大厂,已拿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
[
JavaScript前端
开发及实例教程]计算器&井字棋游戏的实现
计算器(网页内实现效果)HTML部分MyCalculatorC/*←789-456+123.(0)=CSS部分.container{max-width:400px;margin:10vhauto0auto;box-shadow:0px0px43px17pxrgba(153,153,153,1);}#display{text-align:right;height:70px;line-hei
Linyeji
·
2023-12-06 12:02
JavaScript
javascript
游戏
开发语言
微前端
前置知识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":"umibuild","postinstall":"umigeneratetmp","prettier":"prettier--write'**/*.{js,jsx,tsx,ts,less,md,
看陌生的风景
·
2023-12-06 05:54
React
JS
TypeScript
前端
微前端
介绍
目录
微前端
概念
微前端
特性场景演示
微前端
方案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这里主要记录在部署过程中遇到的问题一、路由权限问题无论主应用路由还是子应用中的路由,都会涉及权限问题,并不是每个路由路径对任何角色都是可见,所以我们在主应用mian.js中一般会加入(引入相关权限js,如permission.js)路由守卫(路由权限)。思考一下,我们在主应用中添加/subapp来访问子应用,但是这个并不是我们主应用
wuyu0920
·
2023-12-04 12:29
前端开发
vue
前端
微前端
实战:打造高效、灵活的前端应用架构
文章目录一、
微前端
简介二、
微前端
的优势1.高度模块化2.独立部署3.易于扩展4.技术栈无关5.独立升级三、
微前端
的原理四、
微前端
案例思路《
微前端
实战》编辑推荐内容简介作者简介目录前言/序言随着互联网行业的快速发展
程序边界
·
2023-12-04 07:47
前端
架构
浅尝
微前端
(无界)
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
前端
微前端
框架qiankun开发到部署保姆式教程原理与实战
1.什么是
微前端
web应用构建方式
微前端
微前端
在2016年ThoughtWorksTechnologyRadar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。
大福ya
·
2023-12-02 16:21
qiankun微服务
微服务
架构
前端
vue.js
react
Vue 3 组件通信总结
Vue3组件通信总结Vue是一种流行的
JavaScript前端
框架,它提供了一种组件化的开发方式,使得构建大型应用变得更加简单和可维护。在Vue中,组件之间的通信是一个重要的主题。
大笑编程
·
2023-12-02 14:13
vue.js
前端
javascript
js
微前端
框架 —— 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
前端
在 Vue 项目中使用 MQTT
Vue是一款由尤雨溪及其团队开发的渐进式
Javascript前端
框架。该框架具备数据双向绑定、组件化、响应式和轻量等特点,搭配其脚手架VueCLI使得开发者更加容易上手,大大减少了学习成本。
EMQX
·
2023-11-27 20:12
mqtt
物联网
iot
mqtt
vue
移动端开发之JSBridge
JSBridge是连接Native(客户端)和
JavaScript前端
的桥梁,通过JSBridge两端的代码才可以通信。
_咻咻咻咻咻
·
2023-11-27 13:12
「实践篇」解决
微前端
single-spa 项目中 Vue 和 React 路由跳转问题
前言本文介绍的是在做
微前端
single-spa项目过程中,遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。
我不是大熊哦
·
2023-11-27 06:27
微前端
前端
前端框架
vue.js
react
JavaScript前端
开发神器 WebStorm 2019.1.3 for Mac
文章来源于:风云社区WebStorm2019.1.3forMac【上【风云社区】,搜索软件名字,即可查看下载】WebStorm2019.1为JavaScript和TypeScript带来了新的智能意图,改进了对Angular的支持,更新了CSS和HTML文档,更强大的调试控制台等等!堪称Web前端开发神器!使用JavaScript解构通过解构,您可以使用非常简洁的语法将数组和对象中的值解压缩到变量
在那遥远的故乡
·
2023-11-26 23:58
mac软件专题
WebStorm
macos
JavaScript前端开发
无星的
微前端
之旅(二)—— qiankun的一些预知项
这里是一些很浅很浅的东西,大佬们不要喷我=。=。qiankun将应用分为两种:主应用,微(子)应用一.主应用是一个基座主应用是一个基座,承载着各个子应用。主应用负责各个应用之间的加载,通信和调度。带都说,这是微服务在前端的应用,不过我没做过服务端,对微服务不是很了解,因此不敢乱说。我只做过客户端,从客户端的角度来看,这看上去就类似于iOS的组件化。将模块解耦后,通过主工程进行加载调用。这样一来有客
无星灬
·
2023-11-26 13:19
上一页
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
其他