微前端

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

前端微服务化解决方案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

使用 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

微前端框架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

微前端

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

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在子应用中引入百度地图时报错解决

报错：解决办法：修改主应用中的start方法start({prefetch:false,strictStyleIsolation:true,})修改为start({prefetch:false,strictStyleIsolation:true,excludeAssetFilter:(assetUrl)=>{constwhiteList=[];constwhiteWords=['baidu','m
前端的南姐·2023-09-05 06:15

前端架构 从入门到微前端_前端架构测试

前端架构从入门到微前端Iamstartingaseriesofarticlesonarchitectureofprojects,especiallyFront-End.Thepostswillhaveanemphasisonexplainingeverything
深渊号角·2023-09-04 19:29

微前端“容器”——microcosmos实现

本文内容是自己对微前端的一些浅见以及对最近写的一个微前端框架技术实现的总结。
chuifengji·2023-09-04 12:53

vue3+ts+qiankun

ts+qiankun项目：https://gitee.com/robotchange/robot-ts-micro.git脚手架工具：robot-auto-script操作栏详情.png弹框详情.png微前端逻辑
robotking·2023-09-03 23:40

微前端-monorepo-无界

文章目录前言一、微前端二、monorepo三、pnpm硬链接软链接（符号链接）幽灵依赖依赖安装耗时长monorepo项目搭建子模块复用四、无界接入无界无界预加载无界传参总结前言本文主要记录微前端框架无界的使用与理解以及
天将降大任于我·2023-09-02 20:22

这5个理由告诉你为什么要采用微前端架构

微前端是一种前端开发的架构方法，已经变得越来越流行，这也预示着它很可能代表Web开发的未来。所以学习这种架构带来的好处对你的应用程序和开发团队是不言而喻的。
胖头鱼不吃鱼-·2023-09-02 18:30

三分钟了解微前端, 乾坤方案改造 和无界方案改造

项目背景说明前面完成了基于Vue2的xxx后台管理系统，假设另外一个团队的小伙伴来实现智慧园区的前台可视化部分，他们使用的是最新的Vue3技术栈，现在有一个需求，他们的前台项目想直接使用我们的登录功能，获得token，进行数据获取渲染，这时候该怎么办呢？1后台管理用户是老的Vue2技术栈，前台可视化项目用的是Vue3的技术栈-技术栈不同独立2在用户信息上，前台可视化项目依赖于后台中的token数据
沙尘暴炒饭·2023-09-01 15:04

Angular微前端

提示：本文比较适用有[angular]基础的小白，大佬的话可以忽略应该提供不了什么参考价值；本文适用于angular7以上的版本，为angular提供一种较为简单但又可以应用于实际开发微前端实现方案。
墨墨无名·2023-09-01 02:09

Vue 如何去组织大型 SPA 应用架构

在考虑使用微前端将代码库分解为多个应用程序之前，可以遵循一些步骤来改进项目级别的架构，并使转换更容易（如果您考虑过这条路径）。
·2023-08-31 19:13

解决阿里qiankun微应用资源无法加载

公司老项目多了，却想用新版本的框架，最好的解决办法就是用微前端。本文说下我们在用阿里微前端框架qiankun，遇到的一些问题，以及一些巧妙的解决办法。
洲上牧童·2023-08-31 11:22

qiankun 子应用选择器失效问题

场景在基于qiankun的微前端架构下开发时，子应用代码内的选择器全部失效。例如getElementById()等方法是获取不到子应用的元素的。
鹤仔z·2023-08-29 03:42

作为面试官，为什么我推荐微前端作为前端面试的亮点？

点击在线阅读，体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接前段时间陆续面试了一波候选人，其中提到最多的就是微前端方案，微前端不像前端框架的面试题那样
·2023-08-29 02:49

微前端下element-ui弹框偏移问题解决

本章主要是解决无界微前端环境下element-ui弹框偏移问题，如果你用的是其他微前端框架，且提供了jsloader这种预处理器，则可以举一反三解决同样的问题。
·2023-08-29 02:47

微前端：重塑大型项目的前沿技术

微前端作为一种新的前端架构模式，应运而生，它旨在解决大型项目中的前端开发问题，提供更高的模块化、更好的代码管理和更高的开发效率。本文将深入探讨微前端的概念、原理和在大型项目中的应用。
乐思项目管理·2023-08-28 16:19

聊一聊微前端框架的选型和实现 | 业务平台

我们引入微前端，将相似的部分抽离出来，创建一个仓库，实现下图效
360技术·2023-08-28 08:08

微前端

多Bundle集成微前端架构中一般会有个容器应用（containera
阿凯_8b27·2023-08-27 00:13

浅谈微前端

微前端是一种类似于后端微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
空无一码·2023-08-26 03:03

前端需要知道的微前端知识

1关于微前端微前端是一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。
薛定谔的猫96·2023-08-25 21:11

js实现锚点跳转

背景由于使用wujie微前端集成子应用，子应用里面的某个页面内部是用a标签做锚点跳转的，集成之后，锚点跳转就失效了问题排查找到原因是因为点击a标签跳转后，会将#锚点直接拼接在了主应用的url上面了，导致子应用不识别
·2023-08-24 22:04
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他