前端架构微前端qiankun 第9页

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

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

·2023-09-19 16:07

qiankun 乾坤主应用访问微应用css静态图片资源报404

发现static前没有加我指定的前缀只有加了后才会出来解决方案:env定义前缀.env.development文件中#static前缀VUE_APP_PUBLIC_PREFIX="".env.production文件中#static前缀VUE_APP_PUBLIC_PREFIX="/szgl"settings文件是封了一下src\settings.jsmodule.exports={/***pub

周家大小姐.·2023-09-18 23:40

浅析微前端沙箱

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

·2023-09-18 15:22

qiankun搭建

create-react-appqiankun-basecreate-react-appqiankun-micro-app1create-react-appqiankun-micro-app12.安装qiankun

山竹回家了·2023-09-18 10:30

[微前端实战]---035react16 - 资讯视频视频详情页面

react16-资讯视频视频详情页面文章目录react16-资讯视频视频详情页面零.回顾零.回顾讲解了vue2,vue3两个子应用开发.vue2----开发新能源页面vue3----开发选车,首页页面vue3与vue2开发,可以使用data,method和写vue2一样开发子应用也可以使用setup/compositionAPI方式开发子应用

小李科技·2023-09-18 07:24

qiankun+vue 适配vue-pdf踩坑

vue项目线上预览pdf可用vue-pdf完美解决，可是加上qiankun微前端后就变成巨坑了。

H_shaohui·2023-09-17 23:11

【推荐】我的FLASH情结2010——浅谈FLASH WEB GAME与创业(2)

★FLASHWEBGAME的前端架构与人事分工→前端的主程序架构和模块划分与人手和人事分工是紧密联系在一起的，而这些很大程度上又是由项目本身决定的。

wqf520·2023-09-17 16:41

我的FLASH情结2010—— 浅谈FLASH WEB GAME与创业

声明：本文系转载，对原文有删节，出处链接地址★目录：→FLASHWEBGAME的系统架构→FLASHWEBGAME的前端架构与人事分工→前端与美术的配合→前端与后端的配合================

wlx0710·2023-09-17 16:11

[qiankun]跨域

[qiankun]跨域问题线上跨域问题静态资源问题微服务的跨域问题本地跨域localhost主服务加载localhost微服务localhost主服务加载https微服务问题1问题2分析解决方案微服务中交互的跨域问题接口调用微服务复用问题场景描述分析微前端的开发过程中一定会遇到跨域问题因为主服务是一个域名

三知之灵·2023-09-17 16:56

[qiankun]-多页签缓存

[qiankun]-多页签缓存环境功能需求多页签缓存方案方案1.主服务进行html替换方案2.微服务vnode替换方案3.每个微服务都不卸载微服务加载方式的选择微服务的路由路径选择微服务的缓存工具微服务的容器使用

三知之灵·2023-09-17 16:56

java企业级低代码平台源码免费领取

它提供了以下关键功能和技术组件：微前端设计：Bsin-PaaS支持微前端架构，可以将前端应用程序拆分为

IT课程分享·2023-09-17 07:09

UI/UX+前端架构：设计和开发高质量的用户界面和用户体验

引言随着数字化和互联网的普及，越来越多的企业和组织需要高质量的用户界面和用户体验，以及可靠、高效的前端架构。UI/UX设计师和前端架构师可以为这些企业和组织提供所需的技术和创意支持。

DevCorner·2023-09-16 22:21

了解什么是微前端

作为前端开发人员，这些年来你一直在开发单体应用，即使你已经知道这是一个不好的做法。您将代码划分为组件，使用require或import并将package.json中定义的npm包或已安装的子git仓库添加到项目中，但最终构建了一个整体。是时候改变它了。如果有想学习编程的初学者，可来我们的前端直播授课群的哦：571671034里面免费送整套系统的前端教程！为什么你的代码是一个单体？除了已经实现了微前

编程小世界·2023-09-16 03:02

DDD领域驱动设计五、微服务后前端如何设计

文章目录一、微前端的引入二、微前端的集成方式1、微前端与前端主页面的集成2、通用共享业务单元3、团队职责三、微前端的优势1、前端集成简单2、项目职责专一3、隔离和依赖性4、降低沟通和测试成本5、更敏捷地发布

lingengy·2023-09-15 15:32

领域驱动设计：从后端到前端

文章目录单体前端的困境从单体前端到微前端业务单元的组合形态微前端的集成方式团队职责边界微服务架构通常采用前后端分离的设计方式。

carroll18·2023-09-15 15:29

micro-app使用（基于vue3）

1.说明使用微前端，需要使用一个项目作为基座，其余的项目为子应用，创建两个新项目为例1.创建vite+vue3+ts项目base1.1先创建base应用作为基座`yarncreate@vitejs/app

Lanwarf-前端开发·2023-09-15 14:00

qiankun 子应用 ant-design-vue快速填坑指南

qiankun子应用使用ant-design-vuev3问题Cascader无法显示下拉Formlabel显示混乱Message提示报错等各种样式不兼容问题…解决办法子应用ant-design-vuev3

唐月123456·2023-09-14 14:57

前端微服务化解决方案5 - 路由分发

路由分发式微前端从应用分发路由到路由分发应用用这句话来解释,微前端的路由,再合适不过来.路由分发式微前端，即通过路由将不同的业务分发到不同的、独立前端应用上。

Hello丶Alili·2023-09-14 12:42

微前端之实践子应用的注册、路由拦截和获取首个子应用

一、微前端之实践子应用的注册、路由拦截和获取首个子应用子应用的注册，如下所示：首先需要一个子应用注册的列表，在主应用main的store文件夹中，新建sub.js，对外暴露subNavList这个子应用的列表

殇陌离tk·2023-09-14 10:36

字节跳动是如何落地微前端的？

微前端的出现的背景和意义微前端是什么：微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品

搬砖养女人·2023-09-14 10:33

微前端架构

文章目录微前端架构一.什么是微前端二.微前端的优势三.微前端的多种实现3.1iframe3.2服务端模板组合3.3微前端框架single-spa3.4微前端框架qiankun微前端架构后端有微服务框架，

fmk1023·2023-09-14 10:03

【架构】微前端

文章目录概述优劣优点缺点微前端的整体架构微前端部署平台微前端运行时基于SPA的微前端架构应用生命周期方案qiankun主应用qiankun微应用Vue2微应用来源概述微前端不是单纯的前端框架或者工具，而是一套架构体系

软泡芙·2023-09-14 10:01

业务中如何拓展微前端架构

站在整体架构的角度，微前端可以分为以下几类拓展迭代方向。注册更多微应用随着业务的扩展,我们可以在主应用中注册更多的微应用。

前端扎啤·2023-09-14 07:05

微前端学习（上）

一、课程目标微前端概念；现有方案利弊；Single-spa实现原理；掌握使用qiankun搭建微应用；二、课程大纲微前端背景现在web应用面临的问题微前端的价值微前端应用具备哪些能力微前端解决方案有哪些基于

DiuWang·2023-09-14 05:34

微前端学习（下）

一、课程目标qiankun整体运行流程微前端实现方案二、课程大纲qiankun整体流程微前端方案实现DIY微前端核心能力1、微前端方案实现基于iframe完全隔离的方案、使用纯的WebComponents

DiuWang·2023-09-14 05:32

ReactRouterv5在BrowserRouter和HashRouter模式下对location.state的支持

个人场景：微前端适配两种路由模

Jiangxin829·2023-09-14 01:12

iframe下的qiankun微前端，通过window.top.postMessage无法通信问题

背景如题：iframe下的qiankun微前端，通过window.top.postMessage无法通信问题因为一些必要原因需要通信，比如解决跨域window.open解决办法微前端内部通过window

Jiangxin829·2023-09-14 01:09

微前端选择qiankun还是iframe？

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

·2023-09-11 16:45

中后台业务Playwright iframe 获取不到

目前很多后台管理系统，实际是菜单+嵌入一个iframe实现的(特别是跨架构、跨系统的，也有用qiankun、wujie等微前端框架嵌入的)我们通过page.main_frame.child_frames

奋斗的烧饵块·2023-09-11 15:11

web前端相关官网大全【持续更新中. . .】

qiankun｜微服务架构Electrom桌面端官网Svelte中文文档|Svelte中文网微信开放文档React官方RuoYi若依官方网站Vue官网VueUse中文文档VueRouter介绍VuePress

AFeiNice·2023-09-11 08:36

使用 React 和 Next.js 的微前端

尽管微前端已经出现了一段时间，但由于其独特的功能和可用性，它们越来越受欢迎。微前端特别有用，因为多个团队可以在同一个项目的各个模块上工作，而不必担心其他模块。

pxr007·2023-09-10 09:15

用react构建微前端

DoyouhaveanapplicationusinganoldversionofAngularoranHTMLtemplatingenginethatyouwanttoaddReactcomponentsto?您是否有要使用React组件的旧版本的Angular或HTML模板引擎的应用程序？Howaboutworkingwithmultipledevteamsthatpreferdifferen

weixin_26713037·2023-09-10 09:45

微前端（Micro-Frontends）qiankun框架原理与实现（vue-react）

微前端（Micro-Frontends）qiankun框架原理与实现文章目录微前端（Micro-Frontends）qiankun框架原理与实现1.qiankun简介2.qiankun核心设计理念3.为什么不用

Keme菜鸟·2023-09-10 09:45

React&微前端&模块联盟概念讲解

React&微前端&模块联盟概念讲解@react,webpack,微前端什么是微前端？

Witt(腾哥儿)·2023-09-10 09:44

前端微服务化（微前端）探索-蚂蚁金服乾坤框架3-部署到服务器（通过nginx配置不同端口）

书接上文：前端微服务化（微前端）探索-蚂蚁金服乾坤框架2-通信本地启动啥的都正常，那么怎么说也得打包部署上去看看效果如何吧，说走咱就走！冲！部署的前提：整个服务器是要的吧。

hb前端-洪锦·2023-09-10 09:42

微前端乾坤js react实践

微前端乾坤js实践微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。

小豆包3D世界·2023-09-10 09:42

前端老赵一次给你讲透“微前端”架构

微前端是近年来兴起的一种前端架构模式，通过将大型Web应用程序拆分为小型、可独立开发和部署的模块，从而降低开发和维护的难度，同时提高Web应用程序的可扩展性和可维护性。

前端老赵·2023-09-10 09:37

再续 | 海岸TDM中的Web应用（平台前端架构）

基于SPA的架构海岸系统平台采用前后端完全分离的单页Web应用（SinglePageApplication）架构：前端采用Html5、JavaScript、Bootstrap和AngularJS等国际主流技术实现界面渲染及逻辑控制，后端提供基于RESTAPI及JSON的服务。使得界面对用户操作响应快速，与服务器端交互的数据量极小，对网络带宽要求不高。推荐浏览器：GoogleChrome52.0及以

Mikihao·2023-09-10 09:23

前端架构的艺术：解决问题、优化体验和提升效率

前端架构，作为前端开发的核心，关乎着产品的用户体验、性能和可维护性。本文将带你探讨前端架构的重要性和应用场景，分析各种前端架构的优缺点，并展示一个实际的前端架构解决方案。

DevCorner·2023-09-09 05:00

微前端框架MicroApp入门学习笔记（一）

1、简介 微前端是一种架构风格，旨在通过将前端应用程序拆分为更小、更可管理的部分，使多个团队能够独立开发、部署和维护这些部分，从而实现前端的可扩展性和可维护性。

姠惢荇者·2023-09-08 20:17

single-spa微前端项目落地

在寻找过程中，发现微前端是一种很不错的方式，技术无关，同时可以分开部署，简直完美。

halapro_liu·2023-09-08 20:16

微前端介绍

提到微前端，稍微懂微前端的同学，可能会这样问，为什么不用iframe方案呢？

Jayson柴·2023-09-08 10:28

开发一个适合小微前端团队的命令行工具（TypeScript + Etsc）

因卓诶原文链接一个虚假的故事（狗头）设想一下，如果10人以下的前端小团队要合作去协同一个项目;这个时候leader说:"小明,我们这次使用vue3吧，你去搭建一个项目吧！"小明第一次开发vue3的项目，但是身为老司机却丝毫不慌，它按照官方文档一步一步的构建脚手架，去添加各种依赖，然后把之前vue2或者其他项目的公用代码复制过来。1天过去了...小红拿到了最新的脚手架代码，打开自己的webstorm

因卓诶·2023-09-08 02:42

如何搭建前端架构和团队体系

背景自我介绍下，四年工作经验，头两年全栈开发，后两年专职做前端，目前已达到高级前端工程师水平，经历过三家公司。第一家公司，电商行业，做阿里ISV供应商，为淘宝卖家服务，也是我第一次接触百万UV级别的产品，在第一家公司呆了两年，由于达到技术瓶颈期，遂跳槽，第二家公司，航运物流行业，呆了六个月（工作强度对我来说，是真的高），身体不适，没有同意转正。目前这家，担任项目管理和前端组长，两个角色，目前呆了两

·2023-09-07 21:08

微前端

一、微前端概念微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略核心价值:1.技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权2.独立开发、独立部署微应用仓库独立

lemonzoey·2023-09-07 08:31

rabow——umi-qiankun微服务框架企业实践(4)

rabowl命令解析项目初始化完成后，可以直接在主目录下通过npmlink生成rabowl全局命令。也可以通过yarn在主目录执行rablow命令。本文通篇将使用yarnrabowl来讲解rabowl命令。获取命令行目录yarnrabowl-h。指令:cca(create-child-app)创建子应用Options:--app要创建的子应用名称--targetDir子应用所在目录，默认是./pa

Rasir·2023-09-07 02:36

micro-app微前端数据通信

官网https://zeroing.jd.com/micro-app/通信基座应用向子应用发送数据方式1:通过data属性发送数据exportdefault{data(){return{dataForChild:{type:'发送给子应用的数据'}}}}方式2:手动发送数据手动发送数据需要通过name指定接受数据的子应用，此值和元素中的name一致。importmicroAppfrom'@micr

影夜随风·2023-09-06 09:07

基于qiankun的微前端最佳实践-通信篇（Vuex）

大家好~~在开始介绍qiankun的应用通信之前，我们需要先了解微前端架构如何划分子应用。在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。

彩云Coding·2023-09-06 03:19

金九银十，这套前端面试小册阁下请收好

引言最近整理了一套面试小册，有在线版和离线版本离线版本效果如下，可添加微信linwu-hi获取,阅读效果非常不错图解算法小册微前端作为面试官，为什么我推荐微前端作为前端面试的亮点？

linwu-hi·2023-09-05 21:44

VUE首屏加载loading效果

在使用乾坤微前端框架中，遇见图片资源路径存在访问问题，在不搭CDN的情况下，使用base64方式将图片资源打入代码。

会飞的猪d·2023-09-05 12:54

推荐频道

前端架构微前端qiankun