架构 组件k8s k8
k8s ingress获取真实IP地址配置
#### 背景 业务架构：client --> nginx --> ingress nginx controller --> svc --> pod #### nginx中获取真实IP的配置 参考链接：[https://developer.aliyun.com/article/70565](http ......
Vue3——基于tdesign封装一个通用的查询组件
# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件； > 临时写的一个demo  # 内容 ## ......
k8s-1.26.0 + Containerd安装过程
# 1.前言 Kubernetes 社区早在2020年7月就开始着手移除 dockershim，这将意味着 Kubernetes 不再将 docker 作为默认的底层容器工具，Docker 和其他容器运行时将一视同仁，不会单独对待内置支持，如果我们还想直接使用 Docker 这种容器运行时应该怎么办 ......
k8s中 fpm 和 nginx 的文件共享问题
目录 引言 docker 镜像构建哲学 为什么一定要共享文件 代码的迭代更新问题 引言 初看这是一个值得记录的问题吗？或者说这算是一个问题吗？各种数据卷挂载，然后一顿操作不就完成了么？我也是这么认为的。看人讨论 fpm 与 nginx 的文件共享问题。想到自己当初也遇到了类似的困惑，记得当时很是纠结 ......
搭建直播平台，利用ScrollController获取、控制滚动组件的滚动位置
搭建直播平台，利用ScrollController获取、控制滚动组件的滚动位置 1、先构建一个ScrollController ScrollController _controller = ScrollController(); 2、初始化时绑定滚动事件监听 //监听滚动事件，打印滚动位置_co ......
直播app开发，基于van-uploader封装的文件上传图片压缩组件
直播app开发，基于van-uploader封装的文件上传图片压缩组件 1、调用 <template> <div> <compress-uploader v-model="fileList" :compressSwitch="true" :quality="0.5" :maxCount="3" /> ......
【技术】多端能力服务统一是一种关键的技术和架构
多端能力服务统一是一种关键的技术和服务架构，旨在为不同终端设备提供一致的用户体验和功能。通过采用前端和后端技术的组合，如响应式 Web 设计、PWA、跨平台移动应用开发框架、RESTful API、GraphQL、WebSocket、Serverless 架构和微服务架构，可以实现多端能力服务统一... ......
中亿丰单文件组件开发文档
在大多数启用了构建工具的 Vue 项目中，我们可以使用一种类似 HTML 格式的文件来书写 Vue 组件，它被称为单文件组件 (也被称为 *.vue 文件，英文 Single-File Components，缩写为 SFC)。顾名思义，Vue 的单文件组件会将一个组件的逻辑 (JavaScript) ......
vue父子组件通信
一：在子组件中通过this.$parent.event来调用父组件的方法 父组件： <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
vue自动导入组件和自动导入类库 api
vue3 项目中，使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等，以及导入多个自定义组件、UI 组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐 antfu 开源的两个插件，上链接： 自动导入组件 https://github.com ......
vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
一开始看到这个功能需求，我也很懵逼，因为从来没有做过啊，哈哈。。。但转念一想既然产品能提出这个需求，想必会有人实现过，就去网上查了查资料，果不其然，还真有人做过，但离我想要的效果还是差着十万八千里，所以按照网上大神的思路，结合我司的实际需求，自己就把它给捣鼓出来了。
其实刚做好的效果还是能实现产品... ......
架构随笔
1. 数据流图 以系统为中心向外辐射，找出数据流入、流出。涉及到的其他系统、对接协议、数据可靠性、数据覆盖等。若本身系统功能复杂、多模块，则可考虑添加内部数据流转。 2. 功能架构图 一般系统可以同数据流图糅合在一起，复杂系统独立出功能架构图，包括涉及系统、功能、网络等。若本身系统功能复杂、多模块， ......
vue2子组件切换，监听方法失效（监听多个字段）
记录下问题 本来是在父页面上放了多个子组件，利用单选按钮控制每个组件，选择了某个按钮，设置该组件控制字段为true,例如v-if="component"来控制销毁创建，根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时，监听不生效，监听方法也加了immedi ......
k8s pod之间DNS解析问题:Temporary failure in name resolution
1.ubuntu 系统重启， k8s 网关需要 # 允许所有数据包通过 iptables -P FORWARD ACCEPT 2.查看coredns是否正常 kubectl get po -n kube-system | grep coredns kubectl get service -n kub ......
k8s下服务做threaddump和heapdump操作过程
1. #查询节点的资源使用情况 kubectl -n kjhs-yonyou top nodes 2.#查询每个服务的资源使用情况 kubectl -n kjhs-yonyou top pod 3.#做theaddump和heapdump文件 #找一个内存使用最大的服务，进入容器中做dump文件 k ......
微服务架构SpringCloud-1.3-黑马
服务架构演变 1.1.1 单体架构 单体架构：将业务的所有功能集中在一个项目中开发，打成一个包部署。 优点： 架构简单 部署成本低 缺点：耦合度高【不利于大型项目开发】 1.1.2 分布式架构 分布式架构：根据业务功能对系统进行拆分，每个业务模块作为独立项目开发，称为一个服务。 优点： 降低服务耦合 ......
k8s资源对象(二)
Secret 的功能类似于 ConfigMap给pod提供额外的配置信息，但是Secret是一种包含少量敏感信息例如密码、令牌或密钥的对象。Secret 的名称必须是合法的 DNS 子域名。每个Secret的大小最多为1MiB，主要是为了避免用户创建非常大的Secret进而导致API服务器和kube... ......
AIGC源码-架构图智能生成系统
近日，微软发布guidance模块库，并迅速登上github网站TOP榜首： guidance，传统的提示或链接更有效、更高效地控制新式语言模型。 协助用户将生成、提示和逻辑控制交错到单个连续流中，以匹配语言模型实际处理文本的方式。 简单的输出结构，如思维链及其许多变体（例如ART，Auto-CoT ......
HDFS架构与原理浅析
当需要存储的数据集的大小超过了一台独立的物理计算机的存储能力时，就需要对数据进行分区并存储到若干台计算机上去。管理网络中跨多台计算机存储的文件系统统称为分布式文件系统（distributed fileSystem）。 分布式文件系统由于其跨计算机的特性，所以依赖于网络的传输，势必会比普通的本地文件系 ......
红包雨的架构设计及源码实现 中奖代码设计 一般有用 看1
1.项目介绍 学习目标 系统的功能、背景、场景及需求 在架构角度思索系统可能面临的问题以及解决方案 运用中间件特性，完成架构设计 主业务源码分析 微服务的部署与动态扩容 1.1项目概述 1.1.1概述 京东的红包雨大家可能都参与过，在某段时间内随机发放不同的红包，如果公司让你设计类似系统，如 何做？ ......
sentinel(阿里巴巴开源的一款微服务流量控制组件)
**sentinel:分布式系统的流量防卫兵**：以流量为切入点，从流量控制、熔断降级、系统负载均衡保护等多个维度保护服务的稳定性 sentinel 分为两部分: * 核心库：不依赖任何框架/库，可以运行在所有的java环境，且对Dubbo/springcloud等框架也有较好支持 * 控制台：基于 ......
阿里云vpc下面部署自建k8s一些注意事项
简介 这几天接手了一个政府单位项目，所有的资源均为云资源，而且是阿里云vpc机器。在部署k8s的过程中发现我部署的k8s跨主机网段不通。 折腾了我好几天最后发现问题是我在vpc里面是用的不是规定的cidr，我是用的是172.235.0.0修改到规定的cidr清空etcd删除网络 重装k8s即可。 解 ......
element-plus 组件样式修改
### el-form-item 间距 ```css .el-form-item { margin-bottom: 3px; } ``` ### Elmessage 消息换行 ```css /* 失败消息 */ .el-message--error { white-space: pre-line } ......
我的第一个项目(十三) :组件间传值的一些方案(vuex,eventbus,localStorage)
好家伙， 先说一下我的需求，我要组件间传值 1.eventBus 前端兄弟组件传值eventbus无法使用 不报错也不触发，就很奇怪 //eventBus.js import Vue from "vue"; export default new Vue(); //Mylogin.vue <butto ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
基于超级App构建视角，探索不同的软件应用架构模式
小程序容器技术在构建超级App上提供了诸多技术价值。它为超级App带来了高度可移植性、独立的运行环境、资源管理和性能优化、快速开发和迭代以及生态系统支持等方面的好处。这些技术价值使得超级App能够在不同平台和设备上运行，并提供统一的用户体验。 ......
k8s 中 pod 是如何做到网络共享的
# 前言 在k8s中, pod是编排的最小单位, 在同一个pod中, 容器之间能够共享`hostname` `network` 等内容. 共享`network`, 简单说就是同一个pod中的容器, 可以通过访问`localhost`互相访问, 且端口占用会冲突. 在之前的介绍中提到过, 容器的隔离是 ......
k8s Error: failed to prepare subPath for volumeMount "custom-logo" of container "grafana"
# 前言 使用 `k8s` 挂载卷文件时，使用了 `hostPath`，`type: File` ``` volumeMounts: - mountPath: /usr/share/grafana/public/img/grafana_icon.svg name: custom-logo subPa ......
k8s里pod之间是如何进行网络隔离的
NetworkPolicy用来控制Pod与Pod之间的网络通信，它也支持针对Namespace进行限制。基于白名单模式，符合规则的对象通过，不符合的拒绝。应用场景举例： Pod A不能访问Pod B； 开发环境所有Pod不能访问测试命名空间； 提供对外访问时，限制外部IP； 官方NetworkPol ......
Kubernetes 控制平面组件：etcd
Kubernetes 控制平面组件：etcd¶ etcd¶ Etcd是CoreOS基于Raft开发的分布式key-value存储，可用于服务发现、共享配置以及一致性 保障（如数据库选主、分布式锁等）。 在分布式系统中，如何管理节点间的状态一直是一个难题，etcd像是专门为集群环境的服务发现 和注册而 ......