张晨光老师的播客

1，课程回顾zk 分布式协调框架2，本章重点消息队列的概念消息队列的特点和作用常见的MQ框架有哪些kafka的简介基本术语集群搭建，启动和关闭常用命令3，具体内容3.1 消息队列（message queue）的概念消息是在两台计算机之间传递的数据单位，它可以是简单的字符串，也可以是复杂的嵌入对象。消息队列是消息传递过程中保存消息的容器，将消息从源头中继到目标时充当中间人的角色。3.2 消息队列的作用解耦：A 系统发送数据到 BCD 三个系统，通过接口调用发送。如果 E

1，课程回顾2，本章重点zuul(zuul1,zuul2)gateway3，具体内容3.1 zuul3.1.1 zuul简介https://www.springcloud.cc/https://github.com/Netflix/zuul/wikihttps://www.springcloud.cc/spring-cloud-greenwich.html#_router_and_filter_zuulZuul 是从设备和网站到 Netflix 流媒体应用程序后端的所有请求的前门。作为边

1，课程回顾2，本章重点服务雪崩（概念，原因，解决办法）hystrix（熔断功能，简化版）sentinel (限流，降低，熔断)3，具体内容3.1 服务雪崩3.1.1 概念:在微服务调用的过程中由于各服务之间的强依赖关系，如果某些服务发成故障，可能会导致所有服务的所有资源不可用的现象3.1.2 原因：服务提供者不可用（硬件故障，程序 BUG，缓存击穿，用户突然大量请求等）重试加大流量（用户重试，代码逻辑重试）服务消费者不可用（同步等待造成的资源耗尽）3.1.3 解决办法：服务扩容：

1，课程回顾2，本章重点ribbon (负载均衡器)如何实现服务到服务的调用feign 服务到服务的调用3，具体内容3.1 ribbon3.1.1 概念Ribbon是一种客户端负载平衡器，可让您对HTTP和TCP客户端的行为进行大量控制（借助spring封装类RestTemplate，所有的入参，请求URL及出参数都是自己配置）。Feign已使用Ribbon，因此，如果使用@FeignClient，则本节也适用。Ribbon中的中心概念是指定客户的概念。每个负载均衡器都是组件的一部分，这

1，课程回顾2，本章重点eureka注册中心nacos注册中心3，具体内容3.1 eureka注册中心https://www.springcloud.cc/spring-cloud-brixton.html#spring-cloud-eureka-serverhttps://docs.spring.io/spring-cloud-netflix/docs/current/reference/html/#spring-cloud-eureka-server3.1.1 简介Eureka 是一种

1，课程回顾2，本章重点微服务的概念，特点，优点，缺点分布式框架（微服务）的演变过程springcloud简介和特征springcloud组件和体系架构搭建父子项目，编写一个微服务3，具体内容3.1 微服务的概念微服务(micro service),是一种架构风格，它将一个复杂的应用拆分成多个独立自治的服务，服务与服务间通过松耦合的形式交互。这些服务都可以单独的开发，测试，部署，运行；相互协作，更好完成原来大的业务系统的所有功能。3.2 微服务的特点，优点和缺点1）特点解耦：服务做

Vue 3 中一些需要关注的新功能包括：组合式 APITeleport 传送门片段触发组件选项新的生命周期钩子来自 的 API ，用于创建自定义渲染器Suspense 实验性。。。。。。2.2 vite构建项目(vue官方出版的)2.2.1 vite简介官网地址：https://vitejs.cn/Vite（法语意为 “快速的”，发音 ，发音同 “veet”）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：Vite 意在提供开箱即用的配置，同时它的 插件 API 和 Jav

当数据发生改变时 我们要实时监听到，并且随之做出改变(DOM操作)概念： ** **方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。**备注：**应当直接在 构造器对象上调用此方法，而不是在任意一个 类型的实例上调用。参数要定义属性的对象。要定义或修改的属性的名称或 。要定义或修改的属性描述符。被传递给函数的对象。该方法允许精确地添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举(遍历)的，在枚举对象属性时会被枚举到（ 或 方法），可以改变这些属性的值，

Element UI组件库 饿了么搭建后台管理系统[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-otmVfaMK-1655452008388)(assets/image-20220302172523798.png)]IView UI组件库作业：

在MiniAPI系列中，《.NET6之MiniAPI(十八)：OpenAPI swagger》介绍了swagger在MiniAPI框架中的使用，当时留下很多不足，随着.NET7 Preview4的推出，这方面得到了很大的改进，我还是使用“十八”这篇文章的案例。如果想参看原来文章，见下面引用：此次对OpenAPI的提升主要是通过命名空间Microsoft.AspNetCore.OpenApi带来的。新建API项目，选用minimal api模板，并带有OpenAPI，同时在Nuget升级Swashbuck

import eventbusVue.proptotype.enventBus = eventBus全局事件总线。组件之间的通信：​ props属性​ 自定义事件​ 总线传值eventBus​ 插槽传值​ vuex概念：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，可以用于组件之间的通信。当我们的应用遇到多个组件共享状态时，我们会遇到如下问题：[外链图片转存失败,源站可能有防盗链机制,建议

import eventbusVue.proptotype.enventBus = eventBus全局事件总线。组件之间的通信：​ props属性​ 自定义事件​ 总线传值eventBus​ 插槽传值​ vuex概念：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，可以用于组件之间的通信。当我们的应用遇到多个组件共享状态时，我们会遇到如下问题：[外链图片转存失败,源站可能有防盗链机制,建议

路由：本质：一组对应关系 路径===》组件配置路由规则 routes name:‘命名路由’ path:‘路径’ component=()=>import 一级路由 /嵌套路由：children:[] 不用加/访问二级路由时，需要带上一级路由动态路由：/:name 占位符​ 参数：1.路由参数 2.查询参数 query:{} params:{}重定向 redirect简介： 在之前的原生js中 我们可以通过一些方式去控制网页跳转的历史记录，在vue中我们同样也可以对页面渲染组件

动态组件：< component :is=‘’>​ keep-alive include exclude max插槽：​ 匿名插槽 default​ 具名插槽​ 作用域插槽​ v-slot:name=‘obj’ # < template>自定义指令：directive​ 局部:directives 当前组件范围内​ 对象式：对象的名字就是指令的名字​ bind(), 当指令跟DOM元素绑定的时候​ inserted(),当DOM元素插入结构中的时候​

概念：动态组件就是可以动态改变的组件，之前我们引入组件，都是把组件固定写在某一个位置显示，没有办法切换组件显示，动态组件可以帮我们完成这个目的。vue中提供了一个组件来动态的完成组件的切换， 不需要我们自己去封装。父组件中导入并注册子组件在父组件中通过内置组件的:is属性，使用子组件存在问题： 此时虽然可以动态切换组件，但是存在问题，组件的切换其实就是组件的销毁并重新创建，此时会导致再次切换回来无法保证原来的组件中的数据信息。可以通过生命周期函数验证。com01.vue组件：com02.vue

图标官网：https://fontawesome.com/v5.15/icons在Font Awesome 4版本中，可以通过使用npm安装font-awesome依赖以后直接在main.js中引入全部CSS文件来像使用原生JavaScript开发一样使用Font Awesome，但到了Font Awesome 5版本后，官方推出了对Vue的支持，我们可以根据自己的需求引入图标，这样到了最后打包的时候生产环境的文件只会包含我们所需要的图标文件，大大减小了依赖的体积，优化了应用的性能，本文讲解如何在Vue中使

vue/cli 脚手架：vue.js==={1.vue的核心代码 2.vue的模板编译器}开发过程中当多个组件开发时有相同类名时，此时vue会按照组件的导入顺序进行解析，后导入的组件 会覆盖先导入的组件类名样式通过在样式表的< style>标签中添加scoped属性可以让样式只在当前组件内起作用。原理是 添加过scoped属性后，vue会自动的在该组件的标签前添加 一个自定义的属性名，然后通过属性选择器去确定到底使用哪个样式内容。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img

组件之间的通信父传子：正向传递 vue允许 自动触发​ props​ 1.先在子组件中定义期待的属性名和类型​ 2.在父组件中调用子组件的位置 添加 v-bind:自定义属性名​ 注意：props只读属性 ====》data(){ 属性 }子传父：逆向传递 vue允许 主动触发​ 自定义事件 click blur focus… 监听自定义事件触发的函数​ 1.在子组件中定义函数 ===》 this.$emit( ‘自定义事件名’ ，传递的参数 );​ 2.在父组件中调用子组