shykevin-CSDN博客

原创 docker安装zabbix

一、概述Zabbix 是一款能够监控众多网络参数和服务器的健康度和完整性的软件。Zabbix 使用灵活的通知机制，允许用户为几乎任何事件配置基于邮件的警报。这样可以快速相应服务器问题。Zabbix 基于存储的数据提供出色的报告和数据可视化。这些功能使得 Zabbix 成为容量规划的理想选择。官方安装文档：https://www.zabbix.com/documentation/5.4/zh...

2023-04-02 19:15:00 723

原创 Docker部署RocketMQ集群

一、概述Apache RocketMQ是阿里开源的一款高性能、高吞吐量、队列模型的消息中间件的分布式消息中间件。关于RocketMQ集群架构的详细介绍，请参考链接：https://blog.csdn.net/Weixiaohuai/article/details/123607472二、下载镜像docker pull apache/rocketmq:4.9.4docker pull a...

2023-02-23 19:36:00 2100

原创 ElementUI 轮播图

一、概述因项目需求，需要增加轮播图，官方demo效果如下：但这个不是我们想要的，我们需要的是这样的。二、代码实现需要在原有的基础上，修改页面样式才行。test.vue<template> <div style="width: 700px"> <el-carousel indicator-position="outside"> ...

2023-01-19 13:30:00 2525

原创 jenkins定时备份插件 ThinBackup

一、概述jenkins备份插件是：ThinBackup二、安装ThinBackupJenkins 插件中心搜索 ThinBackup，点击直接安装即可。插件官网： https://plugins.jenkins.io/thinBackup安装好 ThinBackup 之后，在系统管理界面，拉到最下面，就可以找到 ThinBackup 。三、配置ThinBackup点击 ThinB...

2022-11-17 21:10:00 901

原创 docker jenkins升级以及失败处理

一、概述jenkins是由docker安装的，目前的jenkins版本为2.356。然后jenkins右上角提示版本升级点击了升级，升级完成后，需要重启一下。然后就芭比Q了，访问jenkins出现504错误。查看docker日志，提示需要jdk升级到1.8。默认的jenkins的jdk版本为1.7，然后docker就开始一直无限重启。二、解决故障想升级jdk是不可能的，docker...

2022-10-09 13:04:00 1814

原创 vue 多行输入框显示行号

一、概述因业务需求，多行文本需要显示行号，方便查看配置。由于默认的textarea输入框无法显示行号，因此需要使用第三方插件才行。二、插件我找了一个插件，叫bin-code-editor，它原本是用来输入json数据的，也可以做json格式校验。但是java项目的配置文件，也不一定是json格式的，而是yaml格式的。因此，只需要去掉json校验即可。安装模块npm instal...

2022-08-17 17:21:00 1446

原创 vue 如何对两个文本比较

一、概述因项目需求，需要对2个文件进行对比。二、安装插件npm i codemirror -Snpm i diff-match-patch -S三、示例test.vue<template> <div class="compareClass">  <div id="v...

2022-07-12 17:29:00 1795

原创 ElementUI table树形数据

一、概述官方链接：https://element.eleme.cn/#/zh-CN/component/table官方效果：二、demo演示test.vue<template> <div> <el-table :data="tableData" style="width: 100%;margin-bottom: 20...

2022-06-14 16:34:00 2362

原创 kubeadm1.20.0+cilium+hubble环境搭建

一、概述Cilium是一种开源网络实现方案，与其他网络方案不同的是，Cilium着重强调了其在网络安全上的优势，可以透明的对Kubernetes等容器管理平台上的应用程序服务之间的网络连接进行安全防护。Cilium在设计和实现上，基于Linux的一种新的内核技术eBPF，可以在Linux内部动态插入强大的安全性、可见性和网络控制逻辑，相应的安全策略可以在不修改应用程序代码或容器配置的情况下进...

2022-05-22 12:31:00 2602

原创 ubuntu安装Kubernetes1.20.0

一、概述由于业务需求，需要安装版本比较高的k8s，比如：1.20.0二、环境介绍操作系统：ubuntu-18.04.6-server-amd64配置：2核3gip地址：192.168.1.12主机名：k8smaster操作系统：ubuntu-18.04.6-server-amd64配置：2核4gip地址：192.168.1.13主机名：k8snode1基础环境配置安装do...

2022-05-20 17:53:00 407

原创 ubuntu-server升级内核

一、概述目前系统信息：版本：ubuntu-18.04.6-server-amd64内核版本：4.15.0-156-generic由于需要安装k8s某个组件，需要内核版本>= 4.9，因此需要做一下升级。二、操作要升级 Ubuntu 的内核，打开 http://kernel.ubuntu.com/~kernel-ppa/mainline/ 并选择列表中需要的版本(此文使用的内核是...

2022-05-16 19:51:00 559

原创 vue组件之间共享数据

一、概述先来看一下页面现有一个首页inde.vue，是加载有3个tab，分别是工单处理A.vue，工单报价B.vue，工单回单C.vue。这3个tab是不同的vue文件，需要共享一个工单详情orderDetails数据。这个数据从后端api请求接口获取。简单的做法是，A，B，C这3个页面都去调用接口。那么这样的话，加载首页时，接口会被调用3次，浪费资源。有没有可能只调用一次接口，就可...

2022-03-04 17:29:00 438

原创 ElementUI 多选+远程搜索

一、概述因项目要求，需要增加一个模糊搜索，可以选择多个，数量不限制。官方链接：https://element.eleme.cn/#/zh-CN/component/select#select-attributes二、demotest.vue<template> <div> <el-select v-model="value" ...

2022-02-08 09:12:00 1142 1

原创 vue 视频播放

一、概述基于 Vue 的一个轻量级视频播放组件，适配 PC 和移动端。官方链接：https://webweifeng.github.io/vue-mini-player/特色1.轻量级HTML5播放器，精美UI控件，简单易上手2.提供以npm的形式安装提供全局组件3.多格式视频配置，移动端+PC 通用模式多类型视频支持自定义海报多平台兼容静音开关播放时间进度...

2022-01-17 16:06:00 8891

原创 vue 音频组件

一、概述因项目要求，需要做一个音频播放器。二、demotest.vue<template> <div> <img src="../assets/audio-bg.png" alt=""> <br> <!-- 此处的ref属性，可以很方便的在vue组件中通过 this.$refs.audio获取该dom元素...

2022-01-14 17:28:00 1731

原创 vue 图片宽高自适应

一、概述现有一个图片预览功能，目前设置的宽高都是100%。但是这样有一个问题，如果图片的高度太高，图片展示不全。二、解决vue图片在设置好的div里面自动适应宽高，图片显示全部，不够宽高的留空白本文使用的图片分辨率为：4000x2026我的电脑分辨率为：1920x1080默认宽高如果设置100%，电脑屏幕会显示不全的。test.vue<template> &lt...

2022-01-10 19:17:00 12493

原创 ElementUI Timeline 时间线

一、概述可视化地呈现时间流信息。官方链接：https://element.eleme.cn/#/zh-CN/component/timeline二、优化官方列举的样式，不符合实际需求，因此需要自己写一个。test.vue<template> <div style="width: 50%"> <div class="handle-list"&...

2022-01-06 14:50:00 1794

原创 gitlab禁止explore访问

一、概述Gitlab可以通过访问 /public 和 /explore 目录在未登录的情况下访问公开的项目，这非常的不安全。二、解决参考链接：https://gitlab.com/gitlab-org/gitlab-ce/issues/32387更简便的方法：修改nginx转发配置location = /explore { return 301 https://$http_ho...

2021-12-31 13:59:00 2345

原创 docker gitlab升级到14.4.2

一、概述目前gitlab版本是13.3.5，使用docker部署。近期阿里云发出警告，有恶意代码执行，今查询，是gitlab漏洞导致，需要升级到最新版本。目前已知的最新版本是14.4.2二、升级策略参考官方文档：https://docs.gitlab.com/ee/update/#installation-using-docker13版本升级路径为：13.0.14-> 13.1....

2021-11-21 15:35:00 1576 1

原创 ElementUI Rate 评分

一、概述Rate 评分组件，官方链接：https://element.eleme.cn/#/zh-CN/component/rate二、辅助文字用辅助文字直接地表达对应分数test.vue<template> <div style="width: 20%"> <el-rate v-model="value" show-...

2021-10-05 11:06:00 2432

原创 ElementUI Tree 树形控件

一、概述用清晰的层级结构展示信息，可展开或折叠。官方网站：https://element.eleme.cn/#/zh-CN/component/tree二、节点过滤通过关键字过滤树节点test.vue<template> <div style="width: 20%"> <el-input placeholder="输入关键字进...

2021-09-18 16:21:00 3726 1

原创 uni-app 发起请求，Toast 消息提示，跳转页面

一、发起请求发起网络请求在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单官方文档：https://uniapp.dcloud.io/api/request/request下面说几个重点知识data 数据说明最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String。转换规则如下：对于GET...

2021-08-05 17:05:00 13151

原创 uView初识

一、概述uView UI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水来由uni-app2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。关于uView的取名来由，首字母u来自于uni-app首字母，uni-app是基于Vue.js，V...

2021-07-30 15:22:00 5648 1

原创 uni-app初识

一、概述uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见)，腾讯课堂...

2021-07-29 16:24:00 136

原创 docker目录 /var/lib/docker/containers 日志清理

一、概述Docker在不重建容器的情况下，日志文件默认会一直追加，时间一长会逐渐占满服务器的硬盘的空间，内存消耗也会一直增加。查出占用磁盘较大的文件Docker 的日志文件存在 /var/lib/docker/containers 目录中，通过下面的命令可以将日志文件夹根据升序的方式罗列出来。du -d1 -h /var/lib/docker/containers | sort -h...

2021-07-22 10:27:00 3637

原创 Linux中使用pigz工具更快的压缩和解压文件

一、概述pigz(parallel implementation of gzip)是一个并行执行的压缩工具，解压缩比gzip快，同时CPU消耗是gzip的好几倍，在对短时间内CPU消耗较高不受影响的场景下，可以使用pigz。二、安装环境说明操作系统：centos 7.6配置：4核8g安装先安装epel扩展源，再安装pigzyum install -y epel-release...

2021-07-21 16:20:00 5708

原创 docker 修改默认网段

一、概述docker默认网段与局域网网段有冲突，因此需要修改docker的默认网段才行。二、修改网段环境说明操作系统：centos 7.5docker版本：19.03.12修改配置文件vi /etc/docker/daemon.json内容如下：{ "bip": "172.17.43.1/24" }重启dockersystemctl restart docker如...

2021-07-13 09:57:00 2523

原创 Elasticsearch根据查询条件求和sum

一、概述现有news表，数据存放在Elasticsearch中。需要根据关键字查询之后，sum计算点击数。数据如下：{"content":"变异毒株在国内首次出现社区传播","hits":468}{"content":"昆明市委书记:做好象群进主城准备","hits":489}{"content":"吸入式新冠疫苗正在申请紧急使用","hits":476}注意：hits表示点击数...

2021-07-06 15:19:00 1908

原创 ElementUI el-checkbox实现全选反选单选

一、概述先来看一下效果图需求：1. 每一种类型，可以全选，反选(一个都不选)，单选(仅选一个或者多个)2. 保存时，至少有一种类型，选择1个或多个。不能都不选，直接提交空表单。3. 保存时，提交参数都是id，不能出现中文。初始页面数据如下：[{ "groupId": 1, "groupName": "运动", "checkAll": false, ...

2021-06-22 14:46:00 3606 1

原创 ElementUI TimePicker固定时间范围，开始时间小于结束时间

一、概述根据项目需求：1. 开始时间必须小于结束时间，不能等于结束时间。2. 结束时间必须小于开始时间，不能相等。2. 开始时间和结束时间，最小间隔30分钟。3. 时间范围从00:00~24:004. 默认范围08:00~18:00二、代码实现test.vue<template> <div> <el-form ref="params"...

2021-06-17 13:02:00 4022 1

原创 ElementUI DateTimePicker设置当前日期之前的时间禁止选择

一、概述根据项目需求，选择日期，不能小于当前日期。二、代码实现test.vuie<template> <div> <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions1" placeholder="选...

2021-06-11 17:27:00 5318

原创微信小程序九宫格实现

一、概述效果图二、实现定义数据源test.jsPage({ /** * 页面数据源 */ data: { iconColor: [ 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple' ], iconStyle: [ { ...

2021-06-09 14:32:00 1230

原创微信小程序显示html内容

一、概述小程序默认是不支持html格式的内容显示的，网络上的文章提到：wxParse-微信小程序富文本解析组件，链接如下：https://github.com/icindy/wxParse现在已经停止维护了官方已经有解决方案：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html二、代码演示官...

2021-06-07 09:58:00 5880

原创微信小程序之Swiper组件

一、概述滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html二、Swiper实现引导页在移动开发中，我们经常使用ViewPager(Android)和UIScrollView(ios)来实现引导页面，效果如下。...

2021-06-04 10:52:00 6211

原创微信小程序设置底部导航栏

一、概述微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。好了小程序的头部标题设置好了，我们来说说底部导航栏是如何实现的。我们先来看个效果图这里，我们添加了三个导航图标，因为我们有三个页面，微信小程序最多能加5个。那他们是怎么出现怎么着色的呢？两步就搞定！二、图标准备阿里图标库 http://www.iconfont.cn/col...

2021-06-03 16:02:00 16259 2

原创微信小程序入门教程

对于从入门学微信小程序，可以看阮一峰的教程。主要有4篇：《微信小程序入门教程之一：初次上手》，链接：http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html《微信小程序入门教程之二：页面样式》，链接：http://www.ruanyifeng.com/blog/2020/10/wecha...

2021-06-02 09:28:00 467 1

原创 vue使用Highcharts图表

一、概述Highcharts 是一个制作图表的纯 Javascript 类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括 iPhone、IE 和火狐等等；对个人用户完全免费；纯 JS，无 BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼状图、散布图；跨语言：不管是 PHP、Asp.net 还是 Java 都可以使用，它只需要三个文件...

2021-05-31 09:32:00 4476

原创 vue使用iconfont

一、概述国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具官方链接：https://www.iconfont.cn/二、使用官方使用文档：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.17&helptype=c...

2021-05-26 14:08:00 208

原创 vue项目全局中引入scss

一、概述有一个scss文件，需要应用到每一个vue文件。如果每一个vue文件写重复代码，浪费精力。关于scss的安装，请参考链接：https://www.cnblogs.com/xiao987334176/p/14468510.html二、修改配置安装依赖npm install sass-resources-loader --save-dev修改文件修改build中的utils...

2021-05-24 10:42:00 300

原创 ElementUI 实现Table组件实现拖拽效果

一、概述Sortable.jsSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。你可以用来拖拽div、table等元素。先来看一下效果图：二、安装插件npm...

2021-05-20 09:16:00 3555

空空如也

空空如也