原创 Docker部署RocketMQ集羣
一、概述 Apache RocketMQ是阿里開源的一款高性能、高吞吐量、隊列模型的消息中間件的分佈式消息中間件。 關於RocketMQ集羣架構的詳細介紹,請參考鏈接:https://blog.csdn.net/Weixiaohuai/ar
原创 ElementUI 輪播圖
一、概述 因項目需求,需要增加輪播圖,官方demo效果如下: 但這個不是我們想要的,我們需要的是這樣的。 二、代碼實現 需要在原有的基礎上,修改頁面樣式纔行。 test.vue <template> <div sty
原创 jenkins定時備份插件 ThinBackup
一、概述 jenkins備份插件是:ThinBackup 二、安裝ThinBackup Jenkins 插件中心搜索 ThinBackup,點擊直接安裝即可。 插件官網: https://plugins.jenkins.io/thinB
原创 docker jenkins升級以及失敗處理
一、概述 jenkins是由docker安裝的,目前的jenkins版本爲2.356。然後jenkins右上角提示版本升級 點擊了升級,升級完成後,需要重啓一下。 然後就芭比Q了,訪問jenkins出現504錯誤。 查看docke
原创 vue 多行輸入框顯示行號
一、概述 因業務需求,多行文本需要顯示行號,方便查看配置。 由於默認的textarea輸入框無法顯示行號,因此需要使用第三方插件纔行。 二、插件 我找了一個插件,叫bin-code-editor,它原本是用來輸入json數據的,也可以做
原创 vue 如何對兩個文本比較
一、概述 因項目需求,需要對2個文件進行對比。 二、安裝插件 npm i codemirror -S npm i diff-match-patch -S 三、示例 test.vue <template> <div cl
原创 ElementUI table樹形數據
一、概述 官方鏈接:https://element.eleme.cn/#/zh-CN/component/table 官方效果: 二、demo演示 test.vue <template> <div> <el-tab
原创 kubeadm1.20.0+cilium+hubble環境搭建
一、概述 Cilium是一種開源網絡實現方案,與其他網絡方案不同的是,Cilium着重強調了其在網絡安全上的優勢,可以透明的對Kubernetes等容器管理平臺上的應用程序服務之間的網絡連接進行安全防護。 Cilium在設計和實現上,基於L
原创 ubuntu安裝Kubernetes1.20.0
一、概述 由於業務需求,需要安裝版本比較高的k8s,比如:1.20.0 二、環境介紹 操作系統:ubuntu-18.04.6-server-amd64 配置:2核3g ip地址:192.168.1.12 主機名:k8smaster
原创 ubuntu-server升級內核
一、概述 目前系統信息: 版本:ubuntu-18.04.6-server-amd64 內核版本:4.15.0-156-generic 由於需要安裝k8s某個組件,需要內核版本>= 4.9,因此需要做一下升級。 二、操作 要升級 U
原创 ElementUI Checkbox 多選框
一、概述 因項目需求,需要做一個多選設置。 先來看一下官方的demo test.vue <template> <div> <el-checkbox :indeterminate="isIndeterminate" v-mod
原创 vue組件之間共享數據
一、概述 先來看一下頁面 現有一個首頁inde.vue,是加載有3個tab,分別是工單處理A.vue,工單報價B.vue,工單回單C.vue。 這3個tab是不同的vue文件,需要共享一個工單詳情orderDetails數據。這個數據從後
原创 ElementUI 多選+遠程搜索
一、概述 因項目要求,需要增加一個模糊搜索,可以選擇多個,數量不限制。 官方鏈接:https://element.eleme.cn/#/zh-CN/component/select#select-attributes 二、demo te
原创 vue 視頻播放
一、概述 基於 Vue 的一個輕量級視頻播放組件,適配 PC 和移動端。 官方鏈接:https://webweifeng.github.io/vue-mini-player/ 特色 1.輕量級 HTML5 播放器,精美 UI 控件,簡單
原创 vue 音頻組件
一、概述 因項目要求,需要做一個音頻播放器。 二、demo test.vue <template> <div> <img src="../assets/audio-bg.png" alt=""> <br>