技术栈
qiankun
奋飛
4 天前
微前端
·
qiankun
·
micro-app
·
wujie
·
single-spa
微前端系列:主流前端框架选型与对比
通过前面三篇文章,我们已经介绍了微前端的核心概念、路由与加载原理、隔离与通信机制。这篇文章,聚焦微前端落地的关键环节:框架选型。
ZoeLandia
16 天前
前端
·
微前端
·
qiankun
Qiankun 生命周期与数据通信实战
微前端是一种前端架构模式 ,它将一个大型的前端应用拆分成多个独立、可独立部署的子应用 ,然后通过一个主应用(或基座应用)将这些子应用集成在一起。
passerma
20 天前
前端
·
微前端
·
qiankun
解决qiankun框架子应用打包后css里的图片加载404失败问题
详细实现方式请前往https://www.passerma.com/article/93官网解决办法跳转:微应用打包之后 css 中的字体文件和图片加载 404
数学分析分析什么?
3 个月前
前端
·
微前端
·
qiankun
微前端之qiankun+vue3简易示例
当新项目中存在老技术栈或跨技术栈(如Vue与React)项目,且需要进行整合或新功能开发时,微前端将是选型中的一个重要方案,其中iframe或许会成为第一个想到的解决方案,但iframe存在一些比较影响体验的问题,比如每次进入子应用时需重新加载资源、UI 不同步,DOM 结构不共享。 此时,qiankun将成为备选的解决方案之一。
16年上任的CTO
6 个月前
前端
·
架构
·
微前端
·
qiankun
微前端架构:原理、场景与实践案例
微前端(Micro Frontends) 是一种将前端应用分解为独立模块的架构风格。其核心思想是:类比微服务架构,微前端将后端的分治思想引入前端领域。
MINO吖
8 个月前
vue
·
vite
·
微前端
·
qiankun
·
single-spa
基于 qiankun + vite + vue3 构建微前端应用实践
qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
问道飞鱼
1 年前
前端
·
前端框架
·
qiankun
【前端知识】微前端框架qiankun
Qiankun是一款由蚂蚁金服推出的微前端框架,它基于single-spa进行二次开发,旨在将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。以下是对Qiankun的详细介绍:
qq_36437172
1 年前
前端
·
微前端
·
qiankun
微前端架构 qiankun
背景:随着业务功能的扩展,原有开发模式已无法满足需求。上线后出现问题时,排查过程变得异常复杂,新开发人员也难以迅速理解现有代码。同时,系统间界面风格和交互差异较大,导致跨系统办理业务时工作量增加。因此,引入微前端架构,以支持团队协作、实现独立部署,并提升开发效率。
问道飞鱼
1 年前
前端
·
微前端
·
qiankun
·
single-spa
【前端知识】简单讲讲什么是微前端
微前端(Micro-Frontends)是一种将前端应用拆分为多个独立、可部署的部分的架构模式,每个部分可以由不同的团队独立开发、测试、部署和维护。这种架构类似于微服务在后端的应用,是为了应对复杂前端应用的维护和扩展问题而提出的。
码不停T
1 年前
vue.js
·
qiankun
·
乾坤
乾坤项目学习总结
什么是乾坤 通俗点讲乾坤就是在一个项目里面套另一个项目,一个项目在另一个项目框架里运行(有点像iframe了,为什么不用后面附官网);两个项目可以是不同的框架、技术实现,前者项目我们叫主应用,后者叫子应用,然后我们还需要创建一个微应用项目
崽崽的谷雨
1 年前
前端
·
qiankun
·
乾坤
qainkun 子应用更新,但是访问主应用时显示的还是旧的内容
使用qiankun时,子应用只改了一个页面里很细微的东西。比如:只改了一个文字等等。访问主应用时却还是旧的页面。清除浏览器缓存才刷新过来。即使我子应用打包时文件都有了 动态的hash生成也会出现这种问题。 qiankun官方也给了解决方案:
不cong明的亚子
1 年前
前端框架
·
umi
·
qiankun
qiankun-接入umi框架的微应用
将自己的umi项目作为微应用,移植到自己的主站。微应用:umi应用 (create umi脚手架)@umijs/max@4.3.24
develop_csdn_LGQ
1 年前
微前端
·
qiankun
·
乾坤
微前端框架之乾坤【qiankun】(一)
先上背景,新入职一家公司,公司使用到了这个框架,学习一番,要求很低,让自己能够在这个业务线正常的开发。
老__L
1 年前
微前端
·
qiankun
『微前端系列』微前端概述及qiankun简介
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
忆弥
1 年前
前端
·
vue.js
·
react.js
·
微服务
·
qiankun
·
乾坤
乾坤qiankun搭建前端微服务
本教程适合于qiankun新手,手把手教你搭建一个简单的本地前端微服务,附完整代码微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
Amd794
2 年前
vue.js
·
架构
·
框架
·
集成
·
通信
·
微前端
·
qiankun
Vue微前端架构与Qiankun实践理论指南
title: Vue微前端架构与Qiankun实践理论指南 date: 2024/6/15 updated: 2024/6/15 author: cmdragon
Shero.李建业
2 年前
前端框架
·
qiankun
qiankun(乾坤)微前端框架简介
最近在搞微前端项目,接下来整体介绍一下微前端。 在现代 Web 应用程序开发中,微前端架构逐渐成为一种趋势,它可以帮助我们更好地管理和组织复杂的项目。qiankun(乾坤)是一个基于 single-spa 的微前端实现库,旨在帮助开发者更简单、无痛地构建一个生产可用的微前端架构系统。 一、qiankun 简介
hoaxxcj
2 年前
微前端
·
qiankun
·
micro-app
微前端个人理解与简单总结
最近一段时间在学习微前端,一开始是看各种博客了解微前端含义、对比多种微前端框架优劣,最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。
天外天-亮
2 年前
前端
·
javascript
·
vue.js
·
qiankun
vue3.0 + qiankun遇到的问题
进入子应用再回到主应用切换动态路由时 TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter’) application ‘plat’ died in status UNMOUNTING: instance.$destroy is not a function