微前端技术调研微前端（Micro-Frontends）是什么为了解决庞大的后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices），越来越重的前端工程也面临同样的问题，自然地想到了将微服务思想应用（照搬）到前端，于是有了「微前端（micro-frontends）」的概念。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变
转载
2023-12-27 17:17:41
161阅读
目录微前端是什么？背景核心价值目前微前端的几种解决方案iframe阿里乾坤 qiankun （阿里 14.2k）microApp （京东 4k）无界：（腾讯 2k）小结microApp基础示例1. 基座应用1. 依赖版本2. main.js引入3. router/index.js路由设置4. 各页面的内容4.1 Layout.vue页面4.2 my-page.vue页面4.3 parent1.v
转载
2024-03-04 10:09:20
145阅读
缘起引用某大佬的一句话，前端现在可以考虑外翻，外翻其他技术方向，所以小编偷偷翻个微服务。目前微服务有很多成熟的技术，node也一样。但是本文不是教大家如何使用框架，而是教大家在没有微服务框架的情况下，如何自己实现一套。为了方便前端童鞋，我们就以node为例子，为了少写点代码，偷偷懒，我们就以express作为框架。微服务的理解假如现在没有任何框架，需要你实现微服务，你会如何处理。童鞋们思考几分钟，
转载
2023-08-21 20:41:47
68阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
微前端架构微前端的好处是不言而喻的，有效的拆分应用，实现敏捷开发和部署。相比较于微服务的概念，微服务的重点大概有两点：子应用有自己的堆栈，包括数据库和数据模型各子应用可以实现轻量的相互通信微前端也是一样，我们可以把数据库的概念换成dom，加上前端应用的特点，可以得出微前端的重点：元素隔离：各子应用间的dom操作互不干扰样式隔离：各子应用的css规则只在内部生效数据隔离：保证自己的代码执行的结果只会
转载
2023-10-24 08:40:30
354阅读
目录Vue框架一、前端发展历史二、Vue的介绍的基本使用1、Vue简介2、Vue特点3、M-V-VM思想4、组件化开发、单页面开发5、版本选择6、引入方式7、补充8、简单使用Vue框架一、前端发展历史1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲
转载
2024-07-06 21:46:09
67阅读
我们在zull的token拦截部分用到了一个@Comment注解，这里展开说一下。spring2.5为我们引入了组件自动扫描机制，它可以在classPath路径底下寻找标注了@Component、@Service、@RestController、@Mapper注解的类，并把这些类纳入进spring容器中管理。它的作用和在xml文件中使用bean节点配置组件是一样的。@Service用于标注业务层组
转载
2024-01-08 16:45:36
55阅读
## 前端Vue架构图实现流程
为了让小白能够理解和实现前端Vue架构图，下面我将详细介绍整个流程，并提供每一步所需的代码和注释。
### 1. 第一步：创建Vue项目
首先，我们需要创建一个新的Vue项目。可以使用Vue CLI来快速搭建项目的基本结构。
```shell
# 在命令行中运行以下命令来创建一个新的Vue项目
vue create my-project
```
这个命令将
原创
2023-10-14 11:11:15
240阅读
2020.7.15今日领导让填写敏捷版上的任务；组长将任务细分了一下，让每个人认领。第一次迭代计划用时10天，组长大概分成了3天开发，3天自测，3天联调的子任务。前后端是分离的，目前我们主要负责后台java开发，前端同事帮助我们开发前端页面；后续前端同事会去负责其它项目，前端页面的维护与开发也会交给我们后台。（可能是前端页面后期维护比较简单，不值得长期派前端同事负责吧。）于是，我们也需要搭建前端v
转载
2023-12-01 09:16:46
107阅读
前言近来，微前端的概念非常火爆，那么什么是微前端架构？微前端架构是一种架构风格类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。微前端所具备的便于引入新框架，代码简洁、易维护等特点使其应用愈发广泛。爱奇艺号前端工程基于Vue的框架已经使用了3年之余，这一版本虽有
转载
2024-07-12 09:24:07
485阅读
# 前端 Vue 架构图与示例
在现代前端开发中，Vue.js 已成为一种日益流行的框架。其易用性、高效和灵活性使得构建复杂用户界面变得更为简单。本文将介绍 Vue 的基本架构以及如何使用其组件来构建应用。我们还将提供简单的代码示例以及流程图，帮助大家更好地理解其工作原理。
## Vue 基本结构
Vue.js 的架构主要由以下几个部分组成：
- **Vue 实例**：Vue 的根部分，负
原创
2024-10-23 05:48:56
218阅读
大概的意思, 微服务 上边只是一个简单的架构, 类似数据支撑等, 可能还有很多别的方面, 比如访问文件的 等等. 另外, 现在又有新的了. 服务网格: 下一代微服务标准, service mesh, 代表解决方案 istio
转载
2020-02-25 21:04:00
386阅读
2评论
网上看到两张图，分享一下。
翻译
2022-02-25 15:53:42
591阅读
图片
原创
2022-03-23 16:18:05
952阅读
# 微服务架构图的实现指南
微服务架构是一种将应用程序拆分为多个小服务的架构风格，每个服务都可以独立部署和扩展。在本篇文章中，我们将一起学习如何实现一个基本的微服务架构图。
## 整体流程
要实现微服务架构图，我们可以将整个流程分为以下几个步骤：
| 步骤 | 描述 |
|------|----------------------
最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。1、项目需求我司h5主要做移动端，运行在app和小程序里，也就是hybrid app混合开发模式。刚来公司时，公司h5才刚开始起步，同事只开发了三个h5需求，这三个需求在业务功能上都是相互独立的，所以也分开放在了三个spa项目里。。。
转载
2023-12-15 21:13:11
143阅读
转载
2021-04-05 10:12:00
440阅读
2评论
网上看到两张图，分享一下。
1、云平台为微服务提供了资源能力（计算、存储和网络等）2、容器作为最小工作单元，里面运行着开发的微服务程序，微服务本身对编程语言不再有依赖，异构语言系统更随意。3、Kubernetes调度和编排容器，实现弹性伸缩，同样K8S生态组件也很多。4、Service Mesh管理微服务的服务通信。5、最后通过API Gateway向外暴露微服务的业务接口。6、结合纯动静分离的
翻译
2021-09-01 09:23:04
445阅读
Spring Cloud 微服务总体架构图Spring cloud作为当下主流的微服务框架,让我们实现微服务架构简单快捷,Spring cloud中各个组件在微服务架构中扮演的角色如图所示。spring-cloud-aws：用于简化整合 Amazon Web Service 的组件spring-cloud-bus：事件、消息总线。模板来源：https://www.iodraw.com/templa
原创
2023-06-12 10:21:52
1233阅读
通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个Vue CLI插件和preset预设。p
转载
2024-06-26 20:22:20
104阅读
