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
微前端qiankunvite
umi + qiankun 动态注册子应用解决方案
前言首发于语雀文档@blueju本篇文章可以被视为上一篇文章(https://www.yuque.com/blueju/blog/huuie8)的延续,上一篇文章大致讲述了搭建一个简易
微前端
平台的过程,
blueju
·
2020-10-09 13:20
前端
react.js
umi
微前端
基于 qiankun 的
微前端
最佳实践(万字长文) - 从 0 到 1 篇
写在开头
微前端
系列文章:基于qiankun的
微前端
最佳实践(万字长文)-从0到1篇基于qiankun的
微前端
最佳实践(图文并茂)-应用间通信篇基于qiankun的
微前端
最佳实践(图文并茂)-应用部署篇万字长文
明源云链前端团队
·
2020-09-24 09:33
javascript
css
vue.js
html
html5
基于 qiankun 的
微前端
最佳实践(图文并茂) - 应用间通信篇
写在开头
微前端
系列文章:基于qiankun的
微前端
最佳实践(万字长文)-从0到1篇基于qiankun的
微前端
最佳实践(图文并茂)-应用间通信篇基于qiankun的
微前端
最佳实践(图文并茂)-应用部署篇万字长文
明源云链前端团队
·
2020-09-24 09:02
javascript
html
html5
vue.js
万字长文+图文并茂+全面解析
微前端
框架 qiankun 源码 - qiankun 篇
写在开头
微前端
系列文章:基于qiankun的
微前端
最佳实践(万字长文)-从0到1篇基于qiankun的
微前端
最佳实践(图文并茂)-应用间通信篇基于qiankun的
微前端
最佳实践(图文并茂)-应用部署篇万字长文
明源云链前端团队
·
2020-09-24 09:31
javascript
vue.js
html
基于 qiankun 的
微前端
最佳实践(图文并茂) - 应用部署篇
写在开头
微前端
系列文章:基于qiankun的
微前端
最佳实践(万字长文)-从0到1篇基于qiankun的
微前端
最佳实践(图文并茂)-应用部署篇基于qiankun的
微前端
最佳实践(图文并茂)-应用间通信篇万字长文
明源云链前端团队
·
2020-09-24 09:16
javascript
基于 qiankun 的
微前端
最佳实践(图文并茂) - 应用部署篇
micro-app写在开头
微前端
系列文章:基于qiankun的
微前端
最佳实践(万字长文)-从0到1篇基于qiankun的
微前端
最佳实践(图文并茂)-应用部署篇基于qiankun的
微前端
最佳实践(图文并茂
昵称不用太拉风
·
2020-09-23 13:48
React 下一代数据流 hox vs Recoil 使用对比分析
心里着实吓了一跳,笔者花费了一段时间的实践选定了hox,并且完成了一套纯函数组件、纯hook、按钮级权限、
微前端
开发架子:X-neuron/antdFront。
50岁的星空
·
2020-09-16 12:23
react
javascript
数据流
javascript
reactjs
前端
react
es6
微前端
架构:优势,缺点和痛点
实现
微前端
也有好方法和坏方法,让我们看一下好的,坏的和极其糟糕的
微前端
。一.首先,什么是
微前端
“
微前端
架构”就是构建基于微服务的前端应用架构。其思想是将前端应用切分为一系列可以单独部署的
电:18230062509
·
2020-09-16 11:26
前端
微前端
实践-实现React(umi框架)的子系统集成
问题引入最近在公司遇到了一个需求,别的团队的同事想将他们用React编写的工程作为子系统集成到我们已有的系统中,React工程是基于umi框架编写的,我们的主系统是基于jquery框架实现的。其实他们本来是已经实现了React作为子系统集成到我们的主系统中的,但是他们是借助于iframe实现页面嵌入的,后来因为用户体验不佳、存在安全性问题等因素而不得不放弃这种方式的集成了。分析了一下他们的需求,其
astonishqft
·
2020-09-16 10:32
javascript
框架
javascript
react
前端应用
微前端
架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是,这些前端应用可以独立运行、独立开发、独立部署。
lan617110
·
2020-09-16 02:07
微前端
概览
缘起随着项目的越来越多,项目的越来越大,后端开始拆分服务,于是出现了微服务,前端也一样,为了更好的开发和向后端靠拢,于是
微前端
诞生了!
小鬼难缠
·
2020-09-16 01:39
前端
深入浅出解析阿里成熟的
微前端
框架 qiankun 源码【图文并茂】
来源:leaf(a1029563229)https://github.com/a1029563229/blogs/blob/master/Source-Code/qiankun/1.md本文将针对
微前端
框架
前端瓶子君
·
2020-09-16 01:57
java
编程语言
面试
html
javascript
微前端
技术梳理(图文并茂)
微前端
调研一.动机在我们的前端开发工作中,我们往往就会遇到如下困境:工程越来越大,打包越来越慢团队人员多,产品功能复杂,代码冲突频繁、影响面大内心想做SaaS产品,但要求总是要做定制化不同的团队可能有不同的方法去解决这些问题
麦麦麦麦兜
·
2020-09-16 01:43
技术点
js
JS资料大全
vue.js
es6
sass
angular
bootstrap
打造自己的集成开发工作站(四)——webpack, typescript eslint
通过前三篇文章对
微前端
有了一些了解,并初步学习了一些single-spa概念;从这篇开始手动搭建一个基于single-spa的
微前端
项目框架。
yidichaxiang
·
2020-09-15 01:14
JavaScript
CSS
学习总结
jQuery
学习笔记
Node.js
笔记
typescript
webpack
打造自己的集成开发工作站(三)
我们建议您将应用程序用作体系结构中
微前端
的主要类型。请参阅此说明以获取更多详细信息.单spa包裹是与框架无关的组件。它是一大堆功能,旨在由应用程序手动安装,而不必担心使用哪个框架来实现包裹或应用程序。
yidichaxiang
·
2020-09-15 01:13
Asp.Net
2.0
Ajax
学习笔记
Java
Web
经验总结
Windows
开发环境配置
js
基于lerna和single-spa, sysyem.js搭建 vue 的
微前端
框架
授权转载自:mongofeng源码地址:https://github.com/mongofeng/vue-mic为什么要用
微前端
目前随着前端的不断发展,企业工程项目体积越来越大,页面越来越多,项目变得十分臃肿
前端瓶子君
·
2020-09-14 09:15
vue
java
docker
css
python
年度文章集合 | 最全
微前端
集合【建议收藏】
欢迎小伙伴们推荐
微前端
优秀的学习资源——awesome-micro-frontends
微前端
是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
深蓝旭
·
2020-09-14 02:23
技术
微前端
single-spa
使用 Vue.js,React.js 及 Hypernova 构建
微前端
服务
使用Vue.js,React.js和Hypernova构建
微前端
服务如果大家不熟悉Hypernova,则可以阅读本文。
我的小英短
·
2020-09-14 01:52
vue
javascript
react
vue
javascript
微前端
前端微服务化解决方案3 - 模块加载器
微前端
的模块加载器,主要功能为:项目配置文件的加载项目对外接口文件的加载(消息总线会用到,后续会提)项目入口文件的加载以上也是每一个单模块,不可缺少的三部分配置文件我们实践
微前端
的过程中,我们对每个模块项目
Hello丶Alili
·
2020-08-24 17:49
hooks vs class component 之争
最近在组里推BFFNode接入与
微前端
改造,看到了组里各式各样实现地业务代码(组件),有激进开放的整个页面都用hooks
Denzel
·
2020-08-24 16:25
javascript
react.js
hooks
redux
dva.js
微前端
实战看这篇就够了 - Vue项目篇
wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践
微前端
落地。同时qiankun是一个开放式
微前端
架构,支持当前三大前端框架甚至jq等其他项目无缝接入。
蔚蓝
·
2020-08-24 16:09
vue.js
微前端
microservice
微前端
: Single-SPA框架
Single-SPA框架之前端微服务化解决方案系列介绍(包含DEMO)https://alili.tech/archive/ea599f7c/https://www.jianshu.com/p/1f409df7de45例子:https://single-spa.surge.sh/
wucong60
·
2020-08-23 21:59
Angular
前端微应用:前端大应用拆分为多个小应用(?前端 nginx?)
原文:www.yuque.com/xiezhongfu/…single-spa框架你值得研究,源码也比较简单:www.yuque.com/xiezhongfu/…到底要不要
微前端
改造:mp.weixin.qq.com
weixin_30659829
·
2020-08-23 20:00
vue简易
微前端
项目搭建(一):项目背景及简介
最近有空,准备写个系列教程,把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下,技术栈是vue2.x的,马上3.0正式版就要出了,再不写就要过时啦哈哈。github传送门:1、h5主项目2、项目脚手架3、子项目模板1、项目需求我司h5主要做移动端,运行在app和小程序里,也就是hybridapp混合开发模式。刚来公司时,公司h5才刚开始起步,同事只开发了三个h5需求,这三个需求在业务
醉逍遥neo
·
2020-08-23 19:39
实现
微前端
项目
微前端
项目
微前端
的产生当前项目多数都是spa单页应用,随着业务的发展一个项目在开发过程中越来越大。
从未、淡定
·
2020-08-23 19:57
微前端
Vue
微前端
父子实时通信解决方案
介绍我们知道
微前端
父子通信方式有很多,例如location、Cookie、LocalStorage、window,但是他们都有一个通病,即无法实时监测变化,例如换肤或者多语言切换,想要应用到子项目,必须进行页面的刷新
超杰158
·
2020-08-23 18:45
前端
微前端
父子通信
基于 qiankun 的
微前端
最佳实践(图文并茂) - 应用间通信篇
大家好~本文是基于qiankun的
微前端
最佳实践系列文章之应用间通信篇,本文将分享在qiankun中如何进行应用间通信。在开始介绍qiankun的应用通信之前,我们需要先了解
微前端
架构如何划分子应用。
qq_34621851
·
2020-08-23 18:02
前端成长之路
实现
微前端
的十种方式 【第二种】
实现
微前端
的十种方式【二】实现
微前端
,我想了一想,大概有十种方式想学习
微前端
的小伙伴,可以看我之前对
微前端
源码解析、加载方式、以及我开源的
微前端
框架chunchao源码简单的文章,通俗易懂,感觉不错记得点个在看和关注哦之前的原创以及好文推荐
Peter 谭金杰
·
2020-08-23 17:42
微前端
框架chunchao(春潮)开源啦
写在开头为了让大家更能理解
微前端
的工作模式,
微前端
的最佳实践应该还需要探索乞丐版
微前端
框架chunchao源码开源,仅仅为了让大家学习
微前端
的工作模式而已,实际项目中,我们有使用Paas模式,webcomponents
Peter 谭金杰
·
2020-08-23 17:42
前端巅峰
javascript
typescript
node.js
reactjs
vue.js
实现
微前端
的十种方式 【第一种】
实现
微前端
的十种方式【一】实现
微前端
,我想了一想,大概有十种方式想学习
微前端
的小伙伴,可以看我之前对
微前端
源码解析、加载方式、以及我开源的
微前端
框架chunchao源码
微前端
框架chunchao(春潮)
Peter 谭金杰
·
2020-08-23 17:42
微前端
qiankun实践和遇到的坑
两个发布分支,就是3n次,想屎的心都有了之前一直写react,这个项目用vue,但总怀念使用react的时光,vue虽然更方便,但总感觉react写起来更加可控,逻辑更清晰首页要做seo,可以在nuxt中使用
微前端
AwesomeCPA
·
2020-08-23 16:33
前端
微前端
如何落地?
微前端
如何落地?在过去的几星期里,随着MartinFowler博客上,那篇CamJackson写的
微前端
的文章发布,到处都在讨论Microfrontend。
chunlei4097
·
2020-08-23 16:20
微前端
的应用
我心目中的
微前端
大厂基本在使用的基于经验自己的考虑(以Vue项目为例子)1.路由加载2.数据同步3.变量隔离(数据变量,样式变量)4.事件消息5.公共方法的提取暴露6.环境配置7.SSR项目关联(以后在说吧
b7410852963
·
2020-08-23 15:40
web
思想之路
BigPipe和
微前端
微前端
也是一个很早被提出的技术,但是最近几年才开始比较流行。而目前
微前端
能够解决的最大的问题恐怕就是遗留系统改造。
fe_lucifer
·
2020-08-23 15:39
前端
编程
技术
读书
科技
LeetCode
数据结构与算法
微前端
在解决什么问题?
以及服务端技术本文首发于ayqy.net,原文链接:http://www.ayqy.net/blog/why-micro-frontends/写在前面上一篇MicroFrontends已经从概念定义及实现思路上探究了
微前端
是什么
前端向后
·
2020-08-23 15:07
前端向后
微前端
探索,将前端微服务化
微前端
探索背景前段时间开发了一个业务管理系统项目,项目中包含一系列功能,包括人员管理、机构部门、权限、功能维护等基本功能。于是乎,打算将这些基本的功能独立出来供其他业务系统使用。
Nex_x
·
2020-08-23 15:00
Web前端综合
微前端
(qiankun)
微前端
是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略,下面这张图来了解下。qiankunqiankun蚂蚁金服基于single-spa的
微前端
解决方案,生产可用。
WEB前端含光
·
2020-08-23 15:29
前端基础
前端面试
从
微前端
到智能化:2020前端开源技术趋势
毫无疑问TypeScript将成为很长一段时间的主流,大型前端开源项目大都已经或正在全面拥抱TypeScript,他能让我们拥有很多面向对象语言、强类型语言才具备的先进特性,能帮助我们提升代码质量,降低团队协作上的成本和风险,如果我们的项目还未转过来,是时候动手了。但一个开源项目的质量跟语言本身并无直接关系,更别说TypeScript本身依旧还只是带「静态类型检查」的「弱类型」语言,OO并不是必须
【电:18230062509】
·
2020-08-23 15:59
前端
微前端
工程之间的通讯
微前端
工程之间的通讯原理使用发布订阅者模式:一方订阅,一方发布。使用单例模式:一个工程内使用同一个实例。
微前端
加载,首先加载父工程,随后根据配置加载对应的一个或者多个子工程。
左手121
·
2020-08-23 14:05
前端知识
微前端
微前端
简介借鉴微服务的概念来应用在前端上,将一个巨大的前端工程拆分成一个的小工程,这些小工程具备独立的开发和运行能力,而整个系统就由这些小工程协同合作。
左手121
·
2020-08-23 14:05
前端知识
可能是你见过最完善的
微前端
解决方案
目前社区有很多关于
微前端
架构的介绍,但大多停留在概念介绍的阶段。而本文会就某
lentoo-
·
2020-08-23 14:38
前端有感
入行也有几年了,好久没有写文章了;想想这几年做的的事情,写业务,做监控和性能提升;重构和写
微前端
,捣鼓k8s;时光过得真快啊;愿自己在前端的路上能远走越远;给入行前端的几句话,首先增加代码量,包括但不限于
liugang0605
·
2020-08-22 17:56
js
微前端
:SingleSpa实践小结
背景:此前接手了一个老项目(3、4年前开始的一个项目),面临的一个最大的问题是老旧代码的维护和迭代。维护老旧代码的可选方式并不多:推倒重来,全部进行重构=>工作量繁重,成本极高依照旧有技术选型进行维护和迭代=>emmmm,一言难尽对于迭代需求采用新的技术架构和选型,与已有功能解耦,尽量减少对旧代码的依赖和旧逻辑的修改出于工作量和项目后续的可维护性和迭代性相对而言第3种方案比较可行。因此调研了一下微
spoonysnail
·
2020-08-22 16:55
前端
vue.js
react.js
微前端
微前端
自检清单
最近在做公司
微前端
,整理了一份
微前端
搭建清单,如果你正在考虑是否要做
微前端
,不妨做个参考。
孟思行
·
2020-08-22 16:21
javascript
前端
微前端
react.js
vue.js
微前端
学习报告
微前端
要点:微服务架构,可以解耦后端服务间依赖。而
微前端
,则关注于聚合前端应用。而不论哪种方式,都需要提供一个查找应用的机制,在
微前端
中称为服务的注册表模式。
好圆
·
2020-08-22 15:34
微前端学习
如何设计
微前端
中的主子路由调度
简介:即便在
微前端
的内核板块中,路由问题也没有占多大的篇幅……但是它牵涉到集成逻辑、沙箱等核心逻辑;另一方面,想完美地解决路由问题也并不容易,内里存在大量的细节可供挖掘。
阿里技术
·
2020-08-22 15:01
微前端
微前端
在小公司的落地实践
微前端
在小公司的落地实践市面上,
微前端
的方案有很多,各大厂都在争先恐后的发布各自的解决方案,竭力的抢占市场。那小公司呢?也要做
微前端
吗?又如何在人力,资源,成本非常有限的情况下落地实践
微前端
?
kira
·
2020-08-22 15:40
前端
微前端
javascript
react.js
也许这才是你想要的
微前端
方案
前言
微前端
是当下的前端热词,稍具规模的团队都会去做技术探索,作为一个不甘落后的团队,我们也去做了。
Denzel
·
2020-08-22 15:06
微前端
javascript
react.js
webpack
antd
single-spa的简单介绍与遇到的问题小结
背景简单介绍下背景吧~为什么要用single-spa呢,是因为公司的项目需要拆项目了,这个时候就需要知道
微前端
的概念了,那么什么是
微前端
呢。
suedar
·
2020-08-22 15:57
前端
微前端
vue.js
如何“取巧”实现一个
微前端
沙箱?
简介:如今
微前端
已经成为前端领域比较火爆的话题,在技术方面,
微前端
有一个始终绕不过去的话题就是前端沙箱。本文将分享阿里云开放平台
微前端
方案的沙箱实现原理,具体探讨在
微前端
领域如何实现前端沙箱。
阿里技术
·
2020-08-22 15:11
前端
微前端
沙箱
上一页
14
15
16
17
18
19
20
21
下一页
按字母分类:
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
其他