首先React与vue有几点相同之处1.都使用了Virtual DOM2.提供了响应式（Reactive）和组件化（Composable）的视图组件3.将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库性能方面#React在性能方面使用virtual DOM实现没有vue的virtual DOM实现好,相比较来说vue的virtual DOM的实现更为轻量些#在React应用中
转载
2024-04-24 07:13:11
44阅读
因为项目有很多互不依赖的模块，但每次发版却要一次打包都发上去，所以项目组决定进行分模块发版，看了一篇微服务前端的解决方案，还不错，但是还是不那么全面，试着用了一下，并且发布了一下，没什么太大问题，可能需要继续优化一下，简单介绍一下。 首先就是搭建主要的架构： 1.webpack.config.
转载
2024-07-29 15:56:55
74阅读
将上一节创建的简单的react项目demo_fe进行部署，并说明为什么要使用ingress。
本节我们将上一节创建的简单的react项目demo_fe进行部署，部署的步骤如下：1. 将demo_fe项目进行编译，在node.js中进入demo_fe项目路径下，使用npm run build命令打包，最后会在demo_fe路径下生成build文件夹(注意可
转载
2023-08-08 18:00:34
84阅读
1、什么是微服务？（暗藏杀机）2、什么是微服务扩展性和高可用-可扩展性、高可用性和性能3、架构师在微服务架构中的角色是什么？决定整个软件系统的布局。 帮助确定组件的分区。 为开发微服务的团队提供某些工具和技术的建议。 提供技术治理，以便技术开发团队遵循微服务原则。4、什么是 CI 持续集成5、什么是Canary Releasing？说说你在项目中的应用一种降低在生产中引入新软件版本的风险的技术，通
转载
2024-04-06 22:08:57
64阅读
前端使用了react，组件库使用的是公司自己的组件库，页面构建使用了react-jsonschema-form，优点是通过定义schema的json文件就可以将表的各个属性渲染到页面上。
上一节我们简单介绍了项目框架，从这一节开始我们详细阐述前后端以及中间件的搭建、开发和部署。首先介绍一下前端，前端使用了react，组件库使用的是公司自己的组件库，页面构
转载
2023-09-07 23:09:39
144阅读
在这篇博客中，我们将探讨如何使用Single-SPA从零开始搭建一个React微前端项目，该项目将包含三个不同的子应用。我们将使用Webpack包管理工具和yarn来管理依赖关系，并使用Single-SPA技术来集成和协调不同的子应用。什么是微前端？在传统的前端开发中，通常使用单一的前端框架来构建整个应用程序。这意味着我们必须在同一个代码库中维护整个应用程序的代码，并且所有的功能都必须一起部署。然
转载
2024-07-18 06:32:19
31阅读
学习Web前端需要掌握react吗？ Web前端一直是人们入行IT开发的首选，一方面是因为它入门简单，即使是零基础也能学会；另一方面则是因为它拥有广阔的市场前景，人才需求大，薪资福利高。 很多人好奇Web前端就业好不好？很多企业要求求职者要掌握react这究竟是为什么？接下来小编就给大家分析一下。 Web前端就业好不好，关于这个问题答案毋庸置疑。 Web前端
转载
2024-05-06 09:14:17
11阅读
React已迅速成为制作前端应用程序最流行的方式之一，它彻底改变了web应用程序的开发方式。React不是一个MVC框架；而是一个“只查看”的库。React中的前端开发围绕着React生态系统，而不仅仅是核心元素，最终消除了不必要的复杂性。 React生态系统 从技术上讲，开发人员可以通过附加库扩展核心React库的功能。将React与这些库一起使用形成React生态系统。例如
转载
2024-03-15 09:25:21
25阅读
前言React-Admin是基于React16.x、Ant Design3.x的管理系统架构。 采用前后端分离，内置了许多管理系统常用功能，通过一些脚本、封装帮助开发人员快速开发管理系统，集中精力处理业务逻辑。背景一般的互联网公司内部或者对外都会有大量的管理系统，传统公司一般有后端开发人员进行管理系统开发，所用技术大多都是jsp、模版语言等。 随着公司的发展，管理系统数量和复杂度不端增加，开发人员
转载
2024-04-25 16:31:47
31阅读
背景微服务的概念已经过去了好久，微前端也已经实践了一段时间，在去年不同的分享会上都有听到各家公司关于微前端的实践，总体来说，微前端是因为前端架构的不断演进，结合后端微服务的理念而创造出来的，用于解决不同前端框架，甚至相同框架的不同版本，如何结合的问题。
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个
转载
2024-02-22 18:44:53
56阅读
什么是微前端
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
什么是微前端？. 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。. 各个前端应用还可以独立运行、独立开发、独立部署。. 微前端不是单纯的前端框架或者工具，而
转载
2024-04-01 06:47:47
90阅读
目录什么是微服务？微服务架构的优缺点Java中微服务架构与传统架构的区别Dubbo分布式服务框架SpringCloud1、为什么需要学习Spring Cloud2、什么是Spring CloudSpring Cloud和SpringBoot版本对应关系Spring Cloud和各子项目版本对应关系SpringBoot和SpringCloud的区别？使用 Spring Boot 开发分布式微服务时
转载
2023-12-20 09:36:29
89阅读
目录前言主应用微应用部署 前言因为业务系统接入的需要，决定将一个vue3+vite+ts的主应用系统，改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。网上有很多关于微应用改造的案例，但很多都没写部署之后什么情况。写了部署的，没有实操部署在二级目录、三级目录是什么情况，甚至没有对部署之后的情况做测试、没有说明。这是在整个改造过程中最难的一点，也是最困扰我的
转载
2024-07-18 20:18:01
36阅读
一、微前端主流框架介绍（1）qiankun qiankun (蚂蚁金服)它是一个基于 single-spa 的微前端实现库，它可以帮助开发者将多个独立的前端应用集成为一个整体. 官方文档：https://qian
原创
2024-08-10 23:09:16
123阅读
Mosaic 是一系列的服务、库，集成在一起，定义了组件如何彼此交互，可以用来支持大规模的web 站点开发 一张架构图 说明 尽管上图中的一些组件已经迭代演化了（skipper 的route 配置，上图的已经废弃了），但是还是一种对于微服务开发中，前端处理的一种很不错 的解决方案，和当爱你的micr
原创
2021-07-19 16:17:41
403阅读
目录一.须知二.主应用配置2.1 main.js2.2 app.vue三.微应用配置3.1 注册3.1.1 vue.config.js配置3.1.2 新增文件 publicPath.js3.1.3 不同微应用vue版本的main.jsvue2vue33.1.4 命名空间要保证唯一性四.参考文章[强烈推荐]如何创建Vue3项目 一.须知本文基于同一服务器不同端口进行配置主应用: 支持任意技术栈,无
转载
2024-04-26 18:15:35
85阅读
微前端的核心价值篇(有兴趣看这一篇) 微前端的核心价值NEWS FLASH我认为微前端的核心价值在于 "技术栈无关"，这才是它诞生的理由，或者说这才是能说服我采用微前端方案的理由，适合的区域选择适合的项目~微前端dom的github地址：https://github.com/1292150917/micro-repo 实战教程鉴于qiankun文档只有十几行，这里做一个尽量详细
转载
2024-05-08 15:22:37
111阅读
React&微前端&模块联盟概念讲解@react,webpack,微前端什么是微前端？微前端架构（micro frontends architecture）设计风格为应用程序的前端所做的，就像微服务为后端所做的那样，将整体结构分解成更小的组件，然后可以在单个页面上组装。微前端的优缺点优点：微前端更加模块化和可重用。微前端更具可扩展性。微前端更易于维护。独立和更快地开发。测试单独的应
转载
2024-04-03 10:16:24
47阅读
框架简介icestark 是一个面向大型系统的微前端解决方案，适用于以下业务场景：后台比较分散，体验差别大，因为要频繁跳转导致操作效率低，希望能统一收口的一个系统内;单页面应用非常庞大，多人协作成本高，开发/构建时间长，依赖升级回归成本高；系统有二方/三方接入的需求；icestark 在保证一个系统的操作体验基础上，实现各个子应用的独立开发和发版，框架应用通过 icestark 管理子应用的注册和
转载
2024-04-01 10:02:06
85阅读
基于single-spa + vue 的前端微服务拆分及实践项目**一、 前端微服务化的背景和价值：背景：业务模块呈现快速增长趋势，孵化的业务模块也逐渐增多。 价值：让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块，支持独立开发、发布和部署；设计出提供支持插件化调整业务模块、可多团队共同维护的前端架构；三、系统分析1.微前端架构简介什么是前端微服务？ 将微服务的理念
转载
2024-03-18 23:28:32
79阅读
