原创 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>

原创 vue 圖片寬高自適應

一、概述 現有一個圖片預覽功能,目前設置的寬高都是100%。但是這樣有一個問題,如果圖片的高度太高,圖片展示不全。   二、解決 vue圖片在設置好的div裏面自動適應寬高,圖片顯示全部,不夠寬高的留空白   本文使用的圖片分辨率爲:400

原创 gitlab禁止explore訪問

一、概述 Gitlab可以通過訪問 /public 和 /explore 目錄在未登錄的情況下訪問公開的項目,這非常的不安全。   二、解決 參考鏈接:https://gitlab.com/gitlab-org/gitlab-ce/issu

原创 ElementUI Timeline 時間線

一、概述 可視化地呈現時間流信息。 官方鏈接:https://element.eleme.cn/#/zh-CN/component/timeline   二、優化 官方列舉的樣式,不符合實際需求,因此需要自己寫一個。 test.vue

原创 docker gitlab升級到14.4.2

一、概述 目前gitlab版本是13.3.5,使用docker部署。近期阿里雲發出警告,有惡意代碼執行,今查詢,是gitlab漏洞導致,需要升級到最新版本。 目前已知的最新版本是14.4.2   二、升級策略 參考官方文檔:https://

原创 ElementUI Rate 評分

一、概述 Rate 評分組件,官方鏈接:https://element.eleme.cn/#/zh-CN/component/rate   二、輔助文字 用輔助文字直接地表達對應分數 test.vue <template> <div

原创 uni-app 發起請求,Toast 消息提示 ,跳轉頁面

一、發起請求  發起網絡請求 在各個小程序平臺運行時,網絡相關的 API 在使用前需要配置域名白名單   官方文檔:https://uniapp.dcloud.io/api/request/request   下面說幾個重點知識 dat