javascript前端微前端

微前端架构的几种技术选型

背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。最早的
阿里云云栖号·2023-10-17 02:31

微前端落地系列（第0篇）：技术选型

背景微前端，相信大家就算没用过，也一定听过。什么是微前端，为什么要上微前端，它和iframe的区别是什么，大家在网上可以找到很多相关的文章，这里就不在赘述了。
weixin_30275415·2023-10-17 02:30

微前端：技术选型

iframeiframe有人造的隔离性，然而隔离性太强，导致以下问题：1.刷新后iframe的url状态失落，无法控制iframe页面的后退后退；2.想实现子利用免登录须要跨域共享cookie，反而导致安全性升高；3.全局弹窗无奈实现4.企业微信h5的iframe不反对跨域申请页面，详见这里single-spa（文档地址）性能上：1.兼容多框架2.htmlentry3.加载和渲染原理：路由劫持，下
一个......·2023-10-17 02:00

关于微前端架构的几种技术选型，看这篇就够了

背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。最早的
前端开发博客·2023-10-17 02:29

微前端架构的几种技术选型及详细介绍

背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。最早的
hyupeng1006·2023-10-17 02:59

聊一聊关于微前端架构的几种技术选型

背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。最早的
前端达人·2023-10-17 02:27

微前端一：技术选型

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
天外天-亮·2023-10-17 02:57

【京东开源项目】微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。
京东云技术团队·2023-10-16 16:44

使用jenkins自动化部署微前端项目的方案实践

本文首发于公粽号「前端进阶之旅」持续集成集成工具jenkins的基本介绍和自动化部署微前端项目的几个简单方案一、Jenkins基础介绍Jenkins是国际上流行的免费开源软件项目,是基于Java开发持续集成工具
程序员poetry·2023-10-16 16:33

微前端框架 之 single-spa

single-spaSingle-spa是一个将多个单页面应用聚合为一个整体应用的JavaScript微前端框架。
Posden·2023-10-16 15:27

使用 Single-SPA 从零开始搭建 React 微前端项目

在这篇博客中，我们将探讨如何使用Single-SPA从零开始搭建一个React微前端项目，该项目将包含三个不同的子应用。
NONO星梦·2023-10-16 15:56

微前端架构实战中-single-spa篇

single-spa：https://zh-hans.single-spa.js.org/是一个实现微前端架构的框架。
西岭老湿·2023-10-16 15:54

浅析微前端框架 single-spa

浅析微前端框架single-spa一、应用场景将一个单体大型应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的应用的聚合。解决的问题：1、随着项目迭代应用越来越庞大，难以维护。
杨阳洋·2023-10-16 15:24

微前端single-spa vue3 实战落地

微前端的概念、好处，为什么不用npm和iframe之类的问题，网上有很多，这里就不解释了。个人理解就是：避免了“巨石应用”的出现，解决了项目与项目之间的代码重复。
晓_枫·2023-10-16 15:53

微前端（single-spa和qiankun）

一、概念性东西：2018年single-spa诞生了，single-spa是一个用于前端微服务化的js前端解决方案（本身没有处理样式隔离，js执行隔离），实现了路由劫持和应用加载2019年qiankun基于single-spa，提供了更加开箱即用的API（single-spa+sandbox+import-html-entry）做到了与技术栈无关、并且接入简单总结：子应用可以独立构建，运行时动态加
麦子的小库存·2023-10-16 15:23

微前端学习分享1 通过single-spa 实现vue 微服务

single-spa文档https://zh-hans.single-spa.js.org/docs/getting-started-overviewsingle-spa实现技术特点1.项目独立部署2.兼容技术栈不同多语言vuereact3.新旧代码版本并行single-SPA实现原理：路有劫持和应用加载没有处理css样式和js会导致样式重叠和脏数据下一期会出qiankun的教程其实乾坤是基于si
做一条有新鲜度的咸鱼·2023-10-16 15:22

微前端架构 - single-spa

父应用加载子应用bootrapmountunmount框架一：single-spa/single-spa-vue下载npmisingle-spa-vuemain.js中引入importsingleSpaVuefrom'single-spa-vue'缺点：不够灵活不能动态加载JS样式不隔离没有js沙箱机制父应用子应用解决样式隔离问题shadowdom影子元素外界访问不到隔离样式
showMeizi·2023-10-16 15:52

微前端框架single-spa入门

回归初心~1.微前端如何实现多个应用间的资源共享？
Joyce的前端日常·2023-10-16 15:21

【微前端】single-spa 到底是个什么鬼

前言说起微前端框架，很多人第一反应就是single-spa。但是再问深入一点：它是干嘛的，它有什么用，可能就回答不出来了。一方面没多少人研究和使用微前端。
sanly_shi·2023-10-16 15:16

如何利用三大前端框架的动态创建组件方法实现微前端的组件嵌入

什么是动态创建组件在基于三大框架的前端项目中,我们要使用一个组件一般都是将组件作为一个标签写在html模板中。框架在解析模板时会为组件创建实例并挂载组件视图,这时候''创建组件实例和挂载组件视图''这个过程是由框架来完成的,而当这个过程是由我们开发者的业务代码来实现时,那便是动态创建组件。三大框架动态创建组件的方法vue2......importVuefrom'vue';importHelloWo
游民小龙虾·2023-10-15 19:52

如何在qiankun框架中父子传值

组件传值初入微前端—qiankun学习这一篇就够了无论是vue还是react中我们传值都是在父组件中调用子模块中传递一个props给子组件，子组件创建时就可以拿到这个值去渲染或者怎么这样，而子组件如何传递值给父组件呢
陈Joys·2023-10-15 07:19

[qiankun] Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header

enviroment微前端框架qiankunerror控制台报错single-spa.min.js?
snowDreamzzz·2023-10-15 07:23

微前端设计理念与实践

微前端设计理念与实践本文节选自Web开发导论/微前端与大前端，着眼阐述了微服务与微前端的设计理念以及微服务的潜在可行方案，需要致敬的是，本文的很多考虑借鉴了Phodal关于微前端的系列讨论以及WebArchitectureLinks
Mokin_Zhao·2023-10-14 11:20

微前端的设计理念与实践初探

本文节选自Web开发导论/微前端与大前端，着眼阐述了微服务与微前端的设计理念以及微服务的潜在可行方案，需要致敬的是，本文的很多考虑借鉴了Phodal关于微前端的系列讨论以及WebArchitectureLinks
weixin_34354945·2023-10-14 10:14

下一代架构设计：云原生、容器和微前端的综合应用

文章目录云原生：构建可弹性扩展的应用1.微服务架构2.容器化3.自动化和自动扩展容器化和云原生的结合1.一致性和可移植性2.弹性和可伸缩性3.快速部署和更新4.资源利用率微前端：前端架构的演进1.微前端应用
IT·陈寒·2023-10-13 06:41

百度资深前端工程师，带你手写微前端框架

前言关注核心实现请直接跳至第四小节：执行流程。本文中的命令仅适用于支持shell的系统，如Mac、乌班图及其他linux发行版。不适用于windows，如果想在windows下执行文章中的命令请使用git命令窗口(需安装git)或linux子系统(win10以下不支持)。一、初始化工程1、初始化工程目录cd~&&mkdirmy-single-spa&&cd"$_"2、初始化npm环境#初始化pac
疯狂的程序猿丶·2023-10-12 22:15

实现微前端需要了解的 Vue Genesis 渲染器

我们的需求在Genesis中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和React、EJS等配合使用。它可以和怎样的你协作？
狼族小狈·2023-10-12 15:49

微前端接入Sentry的不完美但已尽力的实践总结

前言这是一篇由浅入深地讲述如何对用qiankun实现的微前端项目接入Sentry的文章。在这篇文章中，我会列举描述两个接入方案，然后再细致地分析方案中涉及到的原理。
徐小夕@趣谈前端·2023-10-12 09:15

当被问到你使用过iframe吗？有哪些优点和缺点？

前言之前做需求遇到过这样的场景，两个不同的平台，其中一个平台需要使用另一个平台的某个页面，在没有用微前端和独立封装组件库的时候。就想到了使用iframe，直接将另一个页面嵌入到需要的页面里面。
heiyay·2023-10-11 22:12

区域云LIS平台源码：基层医疗机构的“云端检验科”

技术框架：技术架构：Asp.NETCORE3.1MVC+SQLserver+Redis等开发语言：C#6.0、JavaScript前端框架：JQuery、EasyUI、Bootstrap后端框
淘源码d·2023-10-10 18:43

检验检疫系统（LIS）源码：C# + MVC + SQLserver + Redis

技术架构：ASP.NETCORE3.1MVC+SQLserver+Redis等开发语言：C#6.0、JavaScript前端框架：JQuery、EasyUI、Bootstrap后端框架：MVC、SQLSugar
淘源码d·2023-10-10 18:37

JavaScript的单线程特性：前端开发中的优势与挑战

虽然单线程意味着它一次只能执行一段代码，但正是这个特性赋予了JavaScript前端开发中的独特优势，同时也带来了挑战。本文将深入探讨JavaScript的单线程特性，探讨它在前端开发中的影响。
仙鹤童子```·2023-10-09 17:54

微前端之single-spa

single-spa前言single-spa是啥single-spa实战总结前言其实早就想写一篇关于微前端实践的文章了，几个月之前就看过有关微前端的视频，也查过一些文档，但是好像没有总结，现在又忘记一些了
只管去努力·2023-10-08 19:00

微前端micro-app使用产生的子项目bug(blockly-js 定位失效问题)

1.bug环境angular13框架,blockly谷歌积木插件,micro-app微前端,NG-ZORRO组件库中的drawer组件。
莫道 开发·2023-10-08 13:46

micro-app微前端快速入门

基于官方文档学习：https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/start基座sudoyarncreatemicro-app-base--templatetypescriptsudoyarnaddreact-router-domsudoyarnadd@micro-zoe/micro-app主应用需要安装sudoyarnadd@micr
henrypt·2023-10-07 09:11

基于micro-app+vue-element-admin实现微前端

简述本文是在对之前搭建和学习micro-app的基础上的进一步研究学习。因为我们目前项目使用的框架是vue-element-admin，所以还需要研究一下micro-app在vue-element-admin的使用方法。关于micro-app在vue-element-admin的实现，百度什么也没找到，只能按照之前搭建的micro-app的基础模仿着搭建着自己搞。最终实现效果如下图所示：接下来开始
笑到世界都狼狈·2023-10-06 01:35

手把手教你使用vue2搭建微前端micro-app

研究背景这段时间在网上找了很多有关微前端相关的知识，起初本来是想着先搭建一个single-spa，但是奈何网上能找到的内容都是千篇一律。我也是搭了好久没搭出来。不知道为啥，反正就是一个劲的报错。
笑到世界都狼狈·2023-10-06 01:05

JavaScript前端神奇代码，可防止恶意调试

一、粘贴这段神奇代码到你的系统首页，打开开发者工具看看效果(F12)。(()=>{functionblock(){if(window.outerHeight-window.innerHeight>200||window.outerWidth-window.innerWidth>200){document.body.innerHTML="大傻春,你要干什么！"}setInterval(()=>{(f
Colin_geek·2023-10-05 05:03

vue 实现顶部tab栏菜单（顶部tab按钮）切换（添加删除nav数据，适配微前端应用，滑动动画，右键菜单弹窗）

先看目标效果图1623852408(1).png要做顶部tab栏切换，还需要配合菜单。这里主要讲tab栏的实现方式。首先为了在样式效果上实现方便，这里决定使用element-ui的el-tabs标签来做。这样只需要改下样式，其他效果例如切换动画都能保存。当然，除了el-tabs自带的删除等事件，这里还需要添加右键事件，在右键事件里面有关闭全部和关闭其他两个事件选项示例中主应用和子应用均使用hist
东扯葫芦西扯瓜·2023-10-04 16:41

Vue2到3 Day5 全套学习内容，众多案例上手（内付源码）

Vue.js是一款流行的JavaScript前端框架，被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式，文章将介绍Vue.js的基本概念，如组件、指令、双向数据绑定等，并演示如何使用Vue.
星辰大海1412·2023-10-02 22:43

Vue2到3 Day6 全套学习内容，众多案例上手（内付源码）

Vue.js是一款流行的JavaScript前端框架，被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式，文章将介绍Vue.js的基本概念，如组件、指令、双向数据绑定等，并演示如何使用Vue.
星辰大海1412·2023-10-02 22:13

Vue2到3 Day7 全套学习内容，众多案例上手（内付源码）

Vue.js是一款流行的JavaScript前端框架，被广泛用于构建现代、响应式的Web应用。通过深入浅出的方式，文章将介绍Vue.js的基本概念，如组件、指令、双向数据绑定等，并演示如何使用Vue.
星辰大海1412·2023-10-02 22:13

架构的未来：微前端与微服务的融合

文章目录微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端结论欢迎来到架构设计专栏
IT·陈寒·2023-10-01 23:21

基于 Vue CSR 的微前端实现方案

在这里就不讲微前端的各种优缺点，直接假设你在负责一个中后台管理系统的开发，所有的业务模块全部都在一个项目中打包，随着业务量的不断增长，编译越来越慢，你期望可以从老的项目中将新的业务进行独立开发、独立部署
狼族小狈·2023-10-01 10:34

附件地址校验JS加密tokenJAVA后台解密

JavaScript前端代码//引用AES加密库jQuery().ready(function(){debugger$("#fj").children('div').find('a').on('click
JasonLanDH·2023-09-29 23:26

技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系;构建网站的 Spotlight 插件;Theia 技术揭秘之插件拓展;The...

HEADER蒲公英·JELLY技术期刊Vol.47不想当架构师的程序员不是“合格”的程序员？这一类的言论在很多文章中应该很常见吧，我们需要架构思维，要有抽象能力，要学会分层……需要的太多太多，可很少有合适的项目能够帮助我们养成这些思考的习惯，比如业务组件体系的设计，又比如编辑器等等，需要权衡技术与业务之间的平衡，架构设计稳定性与拓展能力，面对业务保持思考，泰山如砥平。观海志登山则情满于山，观海则意
凹凸实验室·2023-09-29 02:25

微前端选择qiankun还是iframe？

前言微前端是什么？微前端是一种架构模式，将整个应用拆分成多个独立的模块，这些模块可以独立开发、部署。
·2023-09-27 15:19

浅析微前端沙箱

前言在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。
·2023-09-27 15:19

微前端是什么、价值、不足、典型模式

微前端技术调研微前端（Micro-Frontends）是什么为了解决庞大的后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices），越来越重的前端工程也面临同样的问题，自然地想到了将微服务思想应用
Keme菜鸟·2023-09-27 08:46

qiankun--微前端可用小demo（主应用vue+子应用vue+子应用react）

qiankun–微前端可用小demo（主应用vue+子应用vue+子应用react）说明：在主应用的about页面加载子应用成果：加载子应用1，点击第一个按钮子应用2，点击第二个按钮注意：如果已经渲染一个子应用
Keme菜鸟·2023-09-27 08:46
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他