核心deployment组件k8s
centos7安装k8s
部署计划 a机1核1G，192.168.180.128，用来安装 b机1核2G，192.168.180.129，用来k8s Master节点 a机动作 安装docker --安装需要的软件包， yum-util 提供yum-config-manager功能，另两个是devicemapper驱动依赖 ......
K8s文件解析 涉及 SLS、MSE、NAS存储卷等
k8s.yml模板 涉及配置： 1. 存储卷（NAS） 2. SLS设定（阿里云日志采集系统） 3. MSE配置（阿里云版nacos） 4. 配置应用参数（包括路径，布尔类型数据等） apiVersion: apps/v1 kind: Deployment metadata: labels: app ......
uniapp小程序/deep/修改全局组件样式不生效问题
1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接 https://github.com/501351981/vue-office 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 ......
本地k8s搭建
记录一下在本地电脑上基于Ubuntu20.04虚拟机搭建K8s集群 下载Ubuntu20.04LTS镜像 使用清华大学源下载 https://mirrors.tuna.tsinghua.edu.cn/ubuntu-releases/20.04/ubuntu-20.04.6-live-server-a ......
FastCFS：FastDir-server、FastStore-server等服务器组件中的【[server-$id]】的多网卡多ip、单网卡不同port的精细配置
如题！ 之所以专门记录在此，是因为，作者官方的相关文档语焉不详、或无法轻易查找的到资料，让无经验的人不知如何配置（注：yuqing莫怪！） 其实，这些配置项，可以通过仔细研读程序启动的日志信息或提示获取到。 当然，如果你有功底，完全可以通过阅读源码获取到。 此处以FastDir-server的相关c ......
K8S Metrics Server安装
kubectl apply -f metrics-server-components.yaml apiVersion: v1 kind: ServiceAccount metadata: labels: k8s-app: metrics-server name: metrics-server nam ......
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> ......
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 ......
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 ......
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><!-- ......