微前端框架 —— qiankun

最新推荐文章于 2024-07-17 08:38:10 发布
最新推荐文章于 2024-07-17 08:38:10 发布
阅读量1.3k 收藏
点赞数
分类专栏： 笔记 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43799793/article/details/123978217
版权

微前端框架 —— qiankun
https://qiankun.umijs.org/zh/guide

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
针对前端开发人员较多的大型项目比较合适，可分为主工程和子工程

Software攻城狮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个“微前端”逼走了2位90后——谈谈被后端逼走的前端
网尘的技术专栏
07-10 895
作为团队领导者，需要经常帮助组员解决各类阻塞问题，而一直从事后端的开发，导致对前端的知识储备并没有那么丰富（实际很简陋）。而当下流行的开发模式几乎都是前后端分离的，因此组建好团队，前端、后端几乎1比1配置好像有些不太对，因此稍微倾斜了下后端，按80%配置前端。我们的新的产品，后端采用微服务，前端采用微前端，感觉是绝配啊。没想到，悲剧就此拉开序幕… 为了组建团队，需要进行多轮次的面试，遴选人才不是一个轻松的活。揣着一颗忐忑不安的心，在备足了前端的知识后，开始上岗面试了。我的一般步骤是：进入正题前，和他.
万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇
mingyuanyunlian的博客
09-24 2097
写在开头 微前端系列文章： 基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇 本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 计划如下： 生命周期篇； IE 兼容篇； 性能优化、缓存方案篇； 概述 本文将针对微前端框架 qiankun 的源码.
乾坤（qiankun）微前端介绍及实现
acheding的博客
12-07 2269
介绍了什么是微前端及其核心价值和意义，用简单样例来实现微前端并通过vuex实现了主应用向微应用的单向传值。
万字长文+图文并茂+全面解析微前端框架 qiankun 源码 – qiankun 篇
01-08
本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理。 qiankun（乾坤） 就是一款由蚂蚁金服推出的比较成熟的微前端框架，基于 single-spa 进行二次开发，用于将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应
微前端框架之乾坤【qiankun】 vue3+vite+qiankun（手把手搭建版）
最新发布
m0_51400948的博客
07-17 3863
简介:qiankun是一种微前端框架，可以将多个前端应用集成为一个整体。每个子应用可以使用不同的框架和技术栈，它们之间可以相互独立开发和部署,qiankun提供了一套完整的生命周期函数和通信机制，可以让不同的子应用之间进行跨框架和跨域的通信和交互。
qiankun框架
chenxiaoyu_927的博客
02-21 256
qiankun框架的搭建
qiankun（乾坤）微前端框架简介
偏执的小男孩儿
12-21 6837
qiankun（乾坤）微前端框架简介
微前端vue项目实战 -- 乾坤qiankun框架 （一）
热门推荐
csl125的博客
04-09 2万+
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 如何使用qiankun搭建基于vue的微前端
微前端框架 之 qiankun
fmk1023的博客
03-02 2万+
微前端框架 之 qiankun 优秀文档：https://juejin.cn/post/6885211340999229454 一、介绍 qiankun 是基于 single-spa 做了二次封装的微前端框架，通过解决了 single-spa 的一些弊端和不足，来帮助大家实现更简单、无痛的构建一个生产可用的微前端架构系统。 1.1 qiankun的优点/特点 通用的脏活累活应该在框架层面去做，qiankun 基于 single-spa 做了二次封装，很好的解决了上面提到的几个问题。 1.HTML Entry
基于微前端qiankun的多页签缓存方案实践
JavaMonsterr的博客
07-31 1398
相较于社区上大部分通过方案一进行实现，本文提供了另一种实现多页签缓存的一种思路，主要是对子应用缓存处理上有些许的不同，大致的思路及通信的方式都是互通的。另外本文对qiankun框架的使用没有做太多的发散总结，官网和Github上已经有很多相关问题的总结和踩坑经验可供参考。httpshttpshttpshttpshttpshttps。...
2022年 微前端技术调研- 图文并茂
React_Community的博客
03-10 1947
一.动机在 我们 的前端开发工作中，我们往往就会遇到如下困境：工程越来越大，打包越来越慢团队人员多，产品功能复杂，代码冲突频繁、影响面大内心想做 SaaS 产品，但要求总是要做定制化不同的...
qiankun-source-code:微前端框架-qiankun源码阅读
03-23
qiankun（乾坤）源码阅读 主应用的启动start和子应用的注册registerMicroApps 首先，入口index.ts中约会和导出了启动主应用和注册子应用的方法 export { loadMicroApp, registerMicroApps, start } from './apis'; 然后是apis.ts中的注册子应用函数registerMicroApps import { loadApp } from './loader'; import { mountRootParcel, registerApplication, start as startSingleSpa } from 'single-spa'; let microApps: RegistrableApp[] = []; export let frameworkConfiguration: Framework
qiankun乾坤快速简单完整的微前端解决方案
08-08
qiankun（乾坤）
微前端框架qiankun学习 —— 搭建框架
weixin_44827945的博客
02-13 489
微前端框架qiankun学习 —— 搭建框架
微前端框架qiankun剖析
浮游的博客
04-19 2783
作为目前微前端领域首屈一指的框架，qiankun无论是从接入的方便程度还是从框架本身提供的易用性来说都是可圈可点的。qiankun基于single-spa进行了二次开发，不但为用户提供了简便的接入方式（包括减少侵入性，易于老项目的改造），还贴心的提供了沙箱隔离以及实现了基于发布订阅模式的应用间通信方式，大大降低了微前端的准入门槛，对于微前端工程化的推动作用是不可忽视的。
从零手写微前端qiankun框架【超详细万字长文】
weixin_46769087的博客
06-26 2137
UMD (Universal Module Definition)，就是一种javascript通用模块定义规范，让你的模块能在javascript所有运行环境中发挥作用。我们来学习一下umd模块化后的代码，我们在vue2的子应用配置文件vue.config.js中配置mode:‘development’
微前端框架篇一，了解qiankun
Dormiveglia-flx的博客
01-21 1956
微前端是一种将复杂单体应用拆分为多个小型独立前端应用，然后将这些小应用按需加载并集成到主应用的技术方案。每个子应用都有自己的 JavaScript 和 CSS 代码。单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。所有页面都来回在这张页面上切换。所以很容易暴漏出来单页面应用的两个缺点。单页面SPA的两种路由形式：Hash与History本质区别：Hash：锚点。通过锚点跳到对应位置History：History栈。
vue微前端qiankun框架学习到项目实战,基座登录动态菜单及权限控制
前端开发工程师
09-22 5776
技术无关，独立开发，独立部署，增量升级，独立运行，微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用。
乾坤 微前端和其他区别
05-23
乾坤是一种前端微服务框架，它是基于现代前端技术实现的一种微前端解决方案。与传统的单体应用不同，乾坤将一个大型应用程序划分为多个独立的子应用程序，每个子应用程序都可以单独开发、构建、部署和运行。这种架构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值