技术栈
微前端
可缺不可滥
15 天前
前端
·
微前端
·
无界
·
wujie
微前端 无界wujie
开发环境配置:Node.js 版本 < 18.0.0 pnpm 脚手架示例模版基于 pnpm + turborepo 管理项目 如果您的当前环境中需要切换 node.js 版本, 可以使用 nvm or fnm 进行安装.
乐闻x
22 天前
前端
·
微前端
微前端如何拯救大型项目
在前端开发的世界中,我们经常会遇到这样的问题:一个大型项目往往由多个团队共同开发,每个团队负责一部分功能。然而,随着项目的不断扩大和复杂化,前端代码库变得越来越庞大和难以维护。这时,微前端(Micro Frontends)这个概念应运而生。那么,什么是微前端?它究竟解决了什么问题?又有哪些成熟的微前端技术栈?本文将一一解答这些问题。
PBitW
2 个月前
微前端
·
无界
·
多系统融合
·
px2rem
·
区分环境
无界构建微前端?NO!NO!NO!多系统融合思路!
菜鸟最近遇见的一个公司的规划需求:公司想把全部的系统合并,使其只用一个登录,就可以访问全部的系统!避免系统太多,导致别人使用负担加大!
低保和光头哪个先来
4 个月前
前端
·
javascript
·
架构
·
微前端
微前端架构学习笔记
之前遇到过一个需求,有两个项目分别由两个不同的部门负责,不同技术栈,不同代码仓库:现在想在这样跨域的两个项目之间,仅通过两个客户端,如何传递客户从 A 项目中上传的文件,使得 B 项目可以接收文件再处理后续的业务逻辑。
qq_36437172
4 个月前
前端
·
微前端
·
qiankun
微前端架构 qiankun
背景:随着业务功能的扩展,原有开发模式已无法满足需求。上线后出现问题时,排查过程变得异常复杂,新开发人员也难以迅速理解现有代码。同时,系统间界面风格和交互差异较大,导致跨系统办理业务时工作量增加。因此,引入微前端架构,以支持团队协作、实现独立部署,并提升开发效率。
问道飞鱼
4 个月前
前端
·
微前端
·
qiankun
·
single-spa
【前端知识】简单讲讲什么是微前端
微前端(Micro-Frontends)是一种将前端应用拆分为多个独立、可部署的部分的架构模式,每个部分可以由不同的团队独立开发、测试、部署和维护。这种架构类似于微服务在后端的应用,是为了应对复杂前端应用的维护和扩展问题而提出的。
道一云黑板报
5 个月前
低代码
·
arcgis
·
iframe
·
微前端
·
无界
·
fronts
前端搭建低代码平台,微前端如何选型?
目录背景一、微前端是什么?二、三大特性三、现有微前端解决方案1、iframe2、Web Components
朝阳39
5 个月前
微前端
·
micro-app
micro-app【微前端实战】主应用 vue3 + vite 子应用 vue3+vite
micro-app 官方文档为 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite
develop_csdn_LGQ
6 个月前
微前端
·
qiankun
·
乾坤
微前端框架之乾坤【qiankun】(一)
先上背景,新入职一家公司,公司使用到了这个框架,学习一番,要求很低,让自己能够在这个业务线正常的开发。
老__L
7 个月前
微前端
·
qiankun
『微前端系列』微前端概述及qiankun简介
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
problc
7 个月前
微前端
腾讯无界微前端框架介绍
无界微前端框架是由腾讯团队推出的,旨在解决现有微前端方案中存在的问题,如适配成本高、样式隔离困难、运行性能不佳、页面白屏、子应用通信复杂、子应用保活机制缺乏等。
小白探索世界欧耶!~
8 个月前
前端
·
经验分享
·
笔记
·
学习
·
重构
·
项目总结
·
微前端
使用MicroApp重构旧项目
随着技术的飞速发展,我们公司内部一个基于“上古神器” jQuery + PHP 构建的十年历史老项目已显力不从心,技术非常老旧且维护成本高昂,其实已经无数次想要重构,但是苦于历史遗留原因以及业务的稳定性而一直难以下手,而且一时半会又不能全部重构。本次新页面较多且后续将持续迭代新模块,而老页面的改动较少且代码库错综复杂,牵一发而动全身。
技术钱
8 个月前
前端
·
微前端
微前端概念
传统代码提交流程 微前端代码提交流程 核心思想:借鉴了WebComponent的思想,通过CustomElement结合自定义的ShadowDom,将微前端封装成一个类WebComponent组件,从而实现微前端的组件化渲染。
mxydl2009
8 个月前
webpack
·
微前端
·
模块联邦
module federation模块联邦与微前端
webpack5新增了module federation,module federation的作用,将每个构建(build)作为容器(这是一个概念),构建后的资源可以正常部署,同时还具备在运行时对外暴露其中的模块,这就意味着多个构建可以独立完成,独立部署,所需的依赖可以在运行时加载。对于多个构建公共的依赖,可以通过shared来指定,这些依赖也可以在运行时加载,并且只加载一次。
Amd794
10 个月前
vue.js
·
架构
·
框架
·
集成
·
通信
·
微前端
·
qiankun
Vue微前端架构与Qiankun实践理论指南
title: Vue微前端架构与Qiankun实践理论指南 date: 2024/6/15 updated: 2024/6/15 author: cmdragon
DarinZanya
1 年前
前端
·
状态模式
·
微前端
微前端的使用和注意事项 - qiankun
一、为什么使用微前端二、使用方式三、主应用和微应用间通信可参考:https://juejin.cn/post/6844904151231496200
钓了猫的鱼儿
1 年前
vue2
·
微前端
微前端——qiankun
微前端是指存在于浏览器中的微服务,其借鉴了后端微服务的架构理念,将微服务的概念扩展到前端。即将一个大型的前端应用拆分为成多个模块,每个微前端模块可以有不同的团队开发并进行管理,且可以自主选择框架,以及有自己的仓库,可以独立部署上线。 (1)未使用微服务之前的项目架构 (2)使用微服务之前的项目架构
lanmy_dl
1 年前
微前端
·
无界
·
wujie
微前端——无界wujie
B站课程视频 课程视频课程课件笔记: 1.微前端2.无界现有的微前端框架:iframe、qiankun、Micro-app(京东)、EMP(百度)、无届
hoaxxcj
1 年前
微前端
·
qiankun
·
micro-app
微前端个人理解与简单总结
最近一段时间在学习微前端,一开始是看各种博客了解微前端含义、对比多种微前端框架优劣,最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。