微前端qiankunvite 第10页

（五）微前端之框架

1.官方学习文档乾坤是在single-spa的基础上进行的封装上手简单官网：介绍-qiankun代码实战：快速上手-qiankun2.项目实战基座项目（主应用）：Vue微应用（子应用）：2个--Vue、原生html页面由于qiankun是通过fetch去获取微应用的引入的静态资源的，所以必须要求这些静态资源支持跨域主应用：importVuefrom'vue'importAppfrom'./App.

Luckyzhoufangbing·2023-04-01 23:54

微前端架构

背景定义微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(FrontendMonolith)后，随之而来的应用不可维护的问题。

蜗牛与藤曼·2023-04-01 23:08

qiankun 微前端应用实践与部署

微前端应用分为主应用与子应用，部署方式是分别编译好主应用与子应用，将主应用与子应用部署到nginx配置好的目录即可。

我爱盐酥鸡·2023-04-01 21:16

初步认识微前端

初步认识微前端微前端是什么现在的前端应用，功能、交互日益复杂，若只由一个团队负责，随着时间的推进，会越来越庞大，愈发难以维护。微前端这个名词，第一次提出是在2016年底。

sgfzgdfzgdg·2023-04-01 19:00

微前端框架single-spa子应用加载解析

作者：京东物流宁冲1前言什么是微前端？微前端是指存在于浏览器中的微服务。

京东云开发者·2023-04-01 12:02

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

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群原文链接:https://juejin.cn/post/7113503219904430111?share_token=a2d6b49c-d8ce-4448-acd3-d71bbc6e228d作者：小白背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间

傲娇的koala·2023-03-31 02:33

qiankun微应用实现ReactV6、ReactV6.44路由配置

1分钟手把手了解微前端路由配置开发到部署保姆式教程废话不多说先了解下在实践。1.什么是微前端web应用构建方式微前端微前端在2016年ThoughtWorksTechnologyRadar正式被提出。

大福ya·2023-03-30 23:14

qiankun微前端框架处理

https://blog.csdn.net/qq_41694291/article/details/113842872答题分为以下几点什么是微前端，为什么要用（解决什么问题）优势常见的微前端方案有哪些我们用的是哪个微前端方案

糖糖不加糖_·2023-03-30 22:38

微前端 -- 乾坤（一）

产生背景：在toB的前端开发工作中，我们往往就会遇到如下困境：工程越来越大，打包越来越慢团队人员多，产品功能复杂，代码冲突频繁、影响面大技术栈单一，无法灵活扩展微前端到底是什么？

nucky_lee·2023-03-30 08:21

qiankun 面试题

1、实现原理深入解析微前端乾坤原理-知乎2、解决跨域主子应用间路由跳转、微应用如何设置跨域访问、各生命周期钩子如何执行3、脚本隔离-一种是快照拷贝的方式，一个是基于proxy的方式深入解析微前端乾坤原理

木头没有瓜·2023-03-29 05:08

为iframe正名，你可能并不需要微前端

前言最近几年微前端很火，火到有时候项目里面用到了iframe还要偷偷摸摸地藏起来生怕被别人知道了，因为担心被人质疑：你为什么不用微前端方案？

阿里巴巴终端技术·2023-03-29 04:41

微前端面试题

什么是微前端？类似于微服务的一种前端架构，它将微服务的理念应用于浏览器端，即将Web应由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行，独立开发，独立部署。

qq_40055200·2023-03-29 03:59

微前端基础

一、什么是微前端微前端是一种软件架构，可以将前端应用拆解成一些更小的能够独立开发部署的微型应用，然后再将这些微应用进行组合使其成为整体应用的架构模式。

拾荒李·2023-03-29 02:13

qiankun微前端实践

微前端的好处：1.技术栈无关，各个子项目可以自由选择框架，可以自己制定开发规范。2.快速打包，独立部署，互不影响，升级简单。3.可以很方便的复用已有的功能模块，避免重复开发。

Y了个J·2023-03-29 01:49

微前端：single spa的相关使用，结合angular

Single-spa是一个用于构建微前端架构的JavaScript框架。

董厂长·2023-03-27 05:07

redux黑魔法@reduxjs/tootik

前言年中，公司启动新项目，需要搭建微前端架构，经过多番调研，确定了乾坤、umi、dva的技术方案，开始一个月就遇到了大的难题。

ChicAboo·2023-03-25 08:36

BigPipe和微前端

微前端也是一个很早被提出的技术，但是最近几年才开始比较流行。而目前微前端能够解决的最大的问题恐怕就是遗留系统改造。

fe_lucifer·2023-03-24 16:21

无界配置微前端

无界-微前端vue为主应用、react为子应用举例vue主应用组件封装#vue2框架npmiwujie-vue2-S#vue3框架npmiwujie-vue3-Smain.js文件中引入//vue2引入如下命令

zzq_828·2023-03-23 17:14

微前端究竟是什么？微前端核心技术揭秘！

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群导语|微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。

傲娇的koala·2023-03-23 17:43

微前端之实践主应用的生命周期、微前端的生命周期、加载和解析 html 及 js

一、微前端之实践主应用的生命周期、微前端的生命周期、加载和解析html及js主应用的生命周期，如下所示：在主应用main下的util中的index.js中，在registerApp中的registerMicroApps

殇陌离tk·2023-03-23 17:39

无界微前端开源公告

微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持

tencent__open·2023-03-23 17:05

微前端实际应用：iframe、qiankun

目录1、iframe1-1iframe基本理解1-2无界方案1-3使用无界1-4实现细节1-5无界微前端框架总结2、qiankun2-1微前端知识温故2-2qiankun在上面的基础中了解到，目前常用的微前端实现方案有多种

偷吃零食的小猫咪 - 刘彦·2023-03-23 17:01

微前端wujie的使用与nginx部署整理

效果展示废话不说直接上代码官网入口前提：主项目是vue2子项目是vite+vue3一、主项目搭建1、创建vue2项目vuecreatemain-vue#vue2框架npmiwujie-vue2-S#vue3框架npmiwujie-vue3-S2、安装wujie组件npmiwujie-vue2-S//vue2路由只能用3.xvue3则是4.x3、安装路由[email protected]

奋斗在前端的实习小白·2023-03-23 17:29

[微前端实战]---039 子应用接入微前端-vue2，vue3

子应用接入微前端-vue2，vue3文章目录子应用接入微前端-vue2，vue3一.vue2二.vue3你将学到主应用要获取子应用的生命周期,方法(控制子应用的加载/卸载)微前端框架中获取子应用的结构,

小李科技·2023-03-23 17:58

微前端总结

微前端概述微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。

程序小圆圆·2023-03-23 17:56

关于微前端，你想知道的都在这!

codeteenager·2023-03-23 17:18

将微前端做到极致-无界方案

前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案

winty~~·2023-03-23 17:44

微前端--无界方案之官网demo操作说明

下载运行deom下载官方demo在GitHub（访问有问题，需要设置，本人未设置）链接：https://github.com/Tencent/wujie（别处给的，也能用）pnpm下载其中的包需要通过pnpm下载，使用npm下载存在问题！！！npminstallpnpm-g注：默认下载最新版pnpm，支持的node为14.6以上，以下版本请到pnpm官网找历史版本运行npmrunstart出现一下

Jocks5·2023-03-23 17:14

什么是微前端及微前端优缺点

什么是微前端微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。

GMLGDJ·2023-03-23 17:14

微前端（无界）

前言：微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户核心诉求都或存在问题，

小满zs·2023-03-23 17:11

微前端-技术方案总结

开始写这篇文章的起因是公司的大前端部门开始实现公司自己的微前端框架在和大前端部门的合作中，对微前端相关的知识和技术点、难点的总结微前端是什么微前端的思想概念来源于微服务架构。

Johnson杰·2023-03-22 23:19

当企微侧边栏遇上微前端

如果你对微前端有强烈的兴趣，也可以尝试了解一下我是怎么在这个应用场景下实践微前端的，希望这篇文章可以对你有所启发。

写代码的海怪·2023-03-19 20:53

【微前端】qiankun 到底是个什么鬼

前言在上一篇文章【微前端】single-spa到底是个什么鬼聊到了single-spa这个框架仅仅实现了子应用的生命周期的调度以及url变化的监听。

写代码的海怪·2023-03-19 17:05

微前端——qiankun（乾坤）实例

一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！

symY_Y·2023-03-17 18:53

qiankun乾坤微前端爬坑

一、主应用1、引用乾坤//package.json"qiankun":"^2.6.3",2、主节点不能和子应用相同子应用的节点基本叫做app，主应用就不能叫做app，否则会出错newVue({el:'#frontendApp',router,store,render:h=>h(App)3、子应用配置functiongenActiveRule(routerPrefix){returnlocation

Mr老朝·2023-03-17 12:47

vue3+qiankun框架初体验

项目框架基座和子项目都为vue3qiankun官网首先我们需要了解什么是微前端，他是做什么的。1.什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。

lbchenxy·2023-03-16 06:46

微前端入门及例子

英文原版链接：原文链接引言把前端做好很难，让多个团队同时开发大型前端应用，就更难了。目前有一种趋势是将前端应用拆分成更小、更易于管理的小应用。这种体系结构是如何提高前端团队的效率的呢？本文将对这些问题进行阐述。除了讨论利弊，我们还将介绍一些可用的例子，并深入研究一个完整的示例应用。近年来，微服务已迅速普及，许多组织都使用这种体系结构样式来避免大型单体应用的局限性。尽管有很多介绍微服务的文章，但还是

Winne_Shen·2023-03-15 14:29

微前端的总结分享（演讲稿版）

开篇时值当下，作为一名合格的前端开发人员，我相信你一定会有一个很明显的感觉：Web业务日益复杂化和多元化，前端的职责越来越重要，战场越来越多样，应用也越来越复杂，前端开发已经由WebPage模式为主转变为以WebApp模式为主了——我们已经迎来了一个“大前端”的时代。随之也会带来许多工程化的问题。例如：在一个相对长的时间跨度下，随着时间的推移，越来越复杂的前端项目，会变的越来越庞大。如何保证项目的

虚拟J·2023-03-15 10:01

Ant-Design-Pro使用QianKun微前端最佳实践

前提：做项目时偶然了解到微前端的概念，在详细了解后觉得对分解【巨石】应用有很大的帮助，查阅了一些文档和资料后自己整了一套，以备后用~GitHub代码地址：Ant-Design-Pro使用QianKun微前端最佳实践

即将拥有人鱼线的Iverson·2023-03-15 07:51

微前端学习

这里写目录标题micro-appqiankun1.下载npmiqiankun-S2.主应用配置路由3.子应用src目录下添加public-path.js文件4.vue子应用配置入口文件main.js修改，为了避免根id#app与其他的DOM冲突，需要限制查找范围。vue.config.js设置5.react子应用配置6.子应用对应生命周期钩子7.子应用进来需要挂载点8.注意静态资源图片不显示9.主

西瓜味白桃汽水·2023-03-13 21:15

2020 非常火的11个微前端框架

每天提升作者|JonathanSaring译者|Florahttps://itnext.io/11-micro-frontends-frameworks-you-should-know-b66913b9cd20微前端将前端整体分解为许多更小

Github中文社区·2023-03-13 21:44

基于 iframe 的微前端框架 —— 擎天

vivo互联网前端团队-JiangZuohan一、背景VAPD是一款专为团队协作办公场景设计的项目管理工具，实践敏捷开发与持续交付，以「项目」为核心，融合需求、任务、缺陷等应用，使用敏捷迭代、小步快跑的方式进行开发及质量跟踪，简化工作流程，帮助团队快速迭代并高效完成产品开发交付。但早期VAPD以“一切皆可配置”的设计理念开发运行了两年，整个前端代码复杂混乱，组件庞大（需要支持多种配置），状态混乱，

vivo互联网技术·2023-03-13 21:14

手把手教你写一个简易的微前端框架

关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群最近看了几个微前端框架的源码（single-spa[1]、qiankun[2]、micro-app[3]），感觉收获良多。

前端开发博客·2023-03-13 21:42

开源 | 携程度假零成本微前端框架-零界

一、前言1.1微前端的含义在研发一个系统的初期，我们可以把所有代码放到一个项目中。随着企业的发展，业务逻辑越发复杂和专业化，又会细分出不同的研发团队，独立负责其中某一部分。

携程技术·2023-03-13 21:12

微前端框架-专栏介绍

微前端框架解决了什么大部分人都会说为了降低研发维护成本，把各个子模块独立拆分成小型应用，这个就是微前端解决的问题。有没有想过为什么会出现这类问题。

ihaveahappyfamily·2023-03-13 21:12

微前端在得物客服域的实践/那么多微前端框架，为啥我们选Qiankun + MF

一、业务背景当前客服一站式工作台包含在线服务、电话、工单和工具类四大功能，页面的基本结构如下：每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA+iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA+iframe的架构模式暴露出了很多问题，主要问题如下：问题一：SPA架构模式下，由于各个模块集中于一个架构下，导致首屏加载资

得物技术·2023-03-13 21:12

微前端框架之Wujie

Wujie简介无界的官网是这样解释的具体的大家可以去官网看一下，官网上也有现成的例子，喜欢的也可以去看一下，这里只是记录一下我在项目中的使用。因为公司使用的技术框架是Vue，所以这里也是基于vue的使用。我这里是新建的三个独立的vue项目#项目主入口main_view#子项目1sub_app_page1#子项目2sub_app_page2安装在主项目main_view中安装Wujie#vue2框架

不爱码代码的程序猪·2023-03-13 21:11

微前端框架

架构层级：系统架构应用级模块代码微前端：子应用调度(耦合)共享（巨石应用）单实例/多实例架构质量：稳定性(回归)健壮性(容错)拓展性维护性微前端实现方式：Iframe--多域名鉴权问题webcomponent

望京十三兄·2023-03-13 21:11

微前端实现共享方式之--git submodule 使用说明

前言最近团队在推行微前端这件事情，经过前期的探索，逐渐拟出了一个草案，并且现在按照草案一个个开始去实现，这次文章涉及到的是微前端如何去实现共享，主要讲其中一种实现方式gitsubmodule共享方式1：

json_q·2023-03-12 08:15

工作记录：调研monorepo和微前端

因工作项目需要，调研monorepo、微前端等技术。任务一直在做的BI项目，随着需求迭代，模块越来越多，项目越来越复杂、臃肿。最近，前一阶段的开发工作基本结束。新模块还在设计阶段。

呀呀夫斯基·2023-03-12 07:59

推荐频道

微前端qiankunvite