前端架构微前端qiankun 第17页

前端架构认知（转载）

没有一种架构是可以满足所有迭代的需求的前言是架构设计作为软件生命周期的一部分，并不是说开始的时候设计完成后就会一成不变，软件的生命周期包含了迭代、维护、重构等过程，架构设计亦是如此，所以说架构是需要变化的，目的就是适应当前情况的开发场景。而架构产生的时间，必定是受到当时的约束条件，如人力、团队技术积累、时间、业务定位等等需求。所以，当前架构可能并不能满足未来的需求，我们要开放对待这个问题，只要当前

殖民_FE·2023-03-24 10:31

前端架构那些事儿

在谈前端架构之前，需要先探讨一下不同人群对前端产生的困惑。前端这个职业最近几年才逐渐被认可，之前一直是低端的代名词，所以多数高手很不屑搞这个。

沫之·2023-03-23 18:54

无界配置微前端

无界-微前端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

vue网站SEO优化持续踩坑（PhantomJS）

项目前端架构是vue+elementui。千辛万苦在项目收尾阶段，老板突然说网站要做SEO。到时没多想，就觉的不就是seo嘛，加上关键字、描述标题不就完事了，然后项目匆匆上线了。

安东的尼·2023-03-23 11:13

微前端-技术方案总结

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

Johnson杰·2023-03-22 23:19

前端微服务QianKun实现

1.发现问题在生产大型前端项目时候，随着需求、模块的不断增加。项目的打包维护效率越来越低。项目中部分稳定的模块，在项目迭代中不希望打包这部分模块。不同团队间开发同一个应用技术栈不同。开发过程中，因为一些需求要升级技术栈，但是因为项目太大，升级相对复杂，容易出问题。现行iframe解决方案弊端：刷新问题iframe页面没有自己的历史记录，使用的是基座(父页面)的浏览历史。所以，当iframe页在内部

歆一·2023-03-21 07:41

当企微侧边栏遇上微前端

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

写代码的海怪·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:'#

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

antd pro项目使用qiankun，loading加载页不消失

一、问题描述antdpro项目开启qiankun作为主应用后，输入项目地址，我们会发现，我们看不到我们想要的页面，呈现在眼前的只是一个加载页，如下图：其实细心的人会发现，该页面存在滚动条，滚动下去即可看到项目当前路由的页面

无翼之雀·2023-03-15 08:54

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

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

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

对前端架构的理解 - 分层与抽象

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群可能一些同学会认为前端比较简单而不需要架构，或者因为前端交互细节杂而乱难以统一抽象，所以没办法进行架构设计。这个理解是片面的，虽然一些前端项目是没有仔细考虑架构就堆起来的，但这不代表不需要架构设计。任何业务程序都可以通过代码堆砌的方式实现功能，但背后的可维护性、可拓展性自然也就千差万别了。为什么前端项目也要

傲娇的koala·2023-03-14 12:35

前端架构解析

目录1、前端架构的问题2、前端架构问题的切入方向3、解决方案与现实的交汇4、前端特点对解决方案的影响1、前端架构的问题无论web前端的架构如何的变化和改进，甚至是用框架或者是基于各方面的改进调整，最基本的请求返回上所有的步骤是不可缺少的

且行路莫问蹇·2023-03-14 11:21

45、前端架构：前端架构有哪些核心问题？

今天我们来谈谈架构。在传统桌面软件开发中，架构师是一种通过设计架构保证团队能够良好分工和有序工作的岗位。在工程领域，我们凡是要做点什么事儿，都会有明确的目的性，这个目的性，一定是为了完成生产服务业务的。为什么桌面软件开发需要架构师和架构设计呢？因为桌面软件开发具有高度的复杂性，如果没有架构，就没法分解成互相耦合低的模块来分工。所以一般来说，架构是为了分工而存在的。但是到了前端领域，这个问题是否还存

qiao若huan喜·2023-03-14 11:20

做好这 16 个方向，逐步搭建出团队的 vue3 前端架构

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复

winty~~·2023-03-14 11:36

构建面向未来的前端架构

今天，我们来讲讲在「前端架构」。要想在大项目中做到构建性能良好并且在架构方面具有扩展性是一件困难的事情。

前端小魔女·2023-03-14 11:04

2018-09-25

邱疯子·2023-03-13 21:50

微前端学习

这里写目录标题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

互联网摸鱼日报（2023-03-11）

前端架构设计优化：构建可扩展的低代码平台旷视CEO印奇：AIoT产业合作的核心，是“降低门槛”和“场景创新”“鼎新杯”案例精选|中国联通数字化研发低

每日摸鱼大王·2023-03-13 18:27

rabowl----umi-qiankun微服务框架企业实践(1)

序前端微服务好处在于可以通过不同的代码库对不同功能模块的代码进行管理。这样在企业项目实践中，可以很好的将前端页面进行解耦。比如，你的项目有ABC三个模块，后端采用微服务，而前端是一个spa项目。那么，如果迭代过程中，AB模块进度正常，而C模块由于某些原因不得不推迟。那么发版的时候，前端就不得不屏蔽掉C相关的页面代码。或者，ABC一起发版，但是发完之后，发现C有重大缺陷，需要回退。导致前端整个都要回

Rasir·2023-03-13 16:56

前端架构师对于框架的技术选型

1、技术选型的背景前端技术发展日新月异，互联网上出现的新型框架也比较多，如何让新招聘的人员能够直接上手接替项目，或者有相关人员请假，替补人员的接替工作，如何做到不同前端工程师的开发的差异性更小，是我们公司应该考虑的一个问题。BAT公司的招聘要求都提到了“至少熟悉React、Vue、Angular其中一种前端MVVM框架，有前端工程化与模块化开发实践经验”相关字眼。我们主要从PC端、公众号（移动端H

hh_虎·2023-03-13 06:21

qiankun 框架分析

qiankun是基于single-spa做的二次封装，主要解决了single-spa的一些痛点和不足。single-spa存在的问题？

我是小布丁·2023-03-12 17:51

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

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

json_q·2023-03-12 08:15

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

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

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

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

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

写代码的海怪·2023-03-11 22:08

手动实现微前端框架的思路

此文是本人学习慕课网微前端课程《从零打造微前端框架：实战“汽车资讯平台”项目》的笔记，主要记录了自研实现微前端框架的思路。

前端辉羽·2023-03-11 17:25

推荐频道

前端架构微前端qiankun