组件ubuntu 1.24 k8s
K8S基础环境部署0
基础环境部署 1）前期准备（所有节点） 1、修改主机名和配置 hosts 先部署 1master 和 2node 节点，后面再加一个 master 节点 # 在172.17.35.60执行 hostnamectl set-hostname k8s-m60 # 在172.17.35.62执行 host ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
K8S 高可用外部 etcd运行时 (一) 安装 etcd 集群
K8S 1.20.5 高可用外部 etcd , Docker 容器运行时 (一) 安装 etcd 集群 架构 文中使用到的服务器ip及角色对应如下： IP角色其他软件 172.16.16.180 k8s-master-01 etcd 172.16.16.181 k8s-master-02 etcd ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
K8S 高可用外部 etcd 运行时 (三) 使用Flannel网络
kubectl apply -f kube-flannel.yml kind: Namespace apiVersion: v1 metadata: name: kube-flannel labels: k8s-app: flannel pod-security.kubernetes.io/enfo ......
K8S 高可用外部 etcd , Docker 容器运行时 (三) 加入K8S集群
control-plane上执行 1、# 证如果过期了，可以使用下面命令生成新证书上传，这里会打印出certificate key，后面会用到 kubeadm init phase upload-certs --upload-certs # 你还可以在 【init】期间指定自定义的 --certif ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
Ubuntu/Linux下安装nvm以管理多版本nodejs最简便方法
个人笔记有错请评论修改 第一步 使用git clone 最新的nvm地址 下载到.nvm文件夹 github搜nvm最上面一条就是 git clone https://github.com/nvm-sh/nvm.git .nvm 第二步 进入.nvm 文件夹 cd .nvm 第三步 执行sh 命令安 ......
50、K8S-自定义资源定义-CustomResourceDefinition
1、基础知识 1.1、回顾 到目前位置，我们为了在k8s上能够正常的运行我们所需要的服务，需要遵循以下方式来创建相关资源： 1、合理的分析业务需求。 2、梳理业务需求的相关功能。 3、定制不同功能的资源配置文件。 4、应用资源配置文件，完善业务环境。 1.2、需求 我们在操作k8s资源的时候，发现一 ......
uni-app 滚动通知组件的实现
uni-app 滚动通知组件的实现 一、实现思路 二、使用scroll-view 组件实现 <template> <view class="notice"> <scroll-view class="notice-scroll" :scroll-y="true" :scroll-with-animat ......
k8s部署x509-certificate-exporter
[root@hybxvuca01 monitoring]# cat x509-certificate-exporter.yaml apiVersion: apps/v1 kind: DaemonSet metadata: name: x509-certificate-exporter namespa ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......
Angular 复习与进阶系列 – Component 组件 の Template Binding Syntax
前言 这篇介绍一些基本的 Angular 模板语法. 参考 Docs – Understanding binding Render, Event Listening and DOM Manipulation Angular 作为一个 MVVM 框架, 有两个任务是一定要处理好的 1. First R ......
Ubuntu系统新增用户
创建用户有两条命令：adduer和useradd，对应着两条删除用户的命令：deluser和userdel。这两种命令之间的区别：adduser：会自动为创建的用户指定主目录、系统shell版本，会在创建时输入用户密码。useradd：需要使用参数选项指定上述基本设置，如果不使用任何参数，则创建的用 ......
Ubuntu 编译安装WireShark
下载 源码 wget https://gitlab.com/wireshark/wireshark/-/archive/v3.6.12/wireshark-v3.6.12.zip 你可以选择想要的版本，一般低一个最新版本比较好，资料多 直接编译 924 ls 925 unzip wireshark- ......
linux 环境下用rancher安装k8s集群
准备环境： 3台机器 一、环境初始化 1）修改 /etc/sysctl.conf 将桥接的IPv4流量传递到iptables的链 cat > /etc/sysctl.conf << EFO net.ipv4.ip_forward = 1 net.bridge.bridge-nf-call-ip6ta ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
49、K8S-调度机制-拓朴调度-topologySpreadConstraints
1、基础知识 1.1、回顾 我们知道，对于pod来说，其在定义pod亲和性和反亲和的时候，有一个 topologyKey的属性，但是默认情况下，pod的亲和性调度，仅仅针对单一的拓扑场景，也就是说，要么所有的pod都在这里，要么所有的pod都不要在这里，这样会导致，应用过于集中，反而导致物理资源的浪 ......
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
48、K8S-调度机制-污点、容忍度调度之节点的Traint、Pod的tolerations
Kubernetes学习目录 1、基础知识 1.1、回顾 我们之前所学的所有调度策略，都是基于节点调度和pod调度选择我们新的pod资源应该如何创建，而实际的生产角度上，往往会出现基于node节点的属性来选择是否让新的pod资源进行创建，但是对于节点来说，没有所谓的节点反亲和性，但是有一种类似的策略 ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
ubuntu16.04下eigen安装
1、apt-get方式(假设默认安装到/usr/local/include里(可在终端中输入locate eigen3查看位置)，若实际中默认安装到了/usr/include的话，可以对应替换下面命令的相应部分)运行命令： sudo apt-get install libeigen3-dev 运行命 ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
47、K8S-调度机制-Pod调度之反亲和性-podAntiAffinity
Kubernetes学习目录 1、基础知识 1.1、简介 所谓的反亲和，其实就是满足条件的话，就离这个pod远远的，从此不见面。与亲和正好相反 1.2、属性解析 kubectl explain pod.spec.affinity.podAntiAffinity requiredDuringSched ......
46、K8S-调度机制-Pod调度之podAffinity
1、基础知识 1.1、什么是Pod调度 所谓的pod调度，主要说的是pod彼此之间的亲和性，也就是说，哪些pod应该在一起。 比如：我们的k8s集群的节点分布在不同的区域或者不同的机房 当服务A和服务B需要高效的交流数据的话，要求部署在同一个区域或者同一机房的时候。 当服务A需要做冗余操作，那么多个 ......
Ubuntu 20.04 安装ClickHouse集群
Ubuntu 20.04 安装ClickHouse集群 引言 因为笔者最近一直想实现一个自己的APM服务端，但是看了很多APM服务端系统没有使用.Net Core来写的，都是采用Java或者Go，笔者是写C#的，但是笔者认为.Net Core的性能在现在对比Go和Java很有优势，所以笔者才有想法使 ......