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

原创 uView初識

一、概述 uView UI,是uni-app生態最優秀的UI框架,全面的組件和便捷的工具會讓您信手拈來,如魚得水 來由 uni-app2018年初發布以來,一直蓬勃發展,一派欣欣向榮,社區也是人聲鼎沸,衆望所歸。 因此,uView應運而生,

原创 docker目錄 /var/lib/docker/containers 日誌清理

一、概述 Docker在不重建容器的情況下,日誌文件默認會一直追加,時間一長會逐漸佔滿服務器的硬盤的空間,內存消耗也會一直增加。   查出佔用磁盤較大的文件 Docker 的日誌文件存在 /var/lib/docker/containers

原创 docker 修改默認網段

一、概述 docker默認網段與局域網網段有衝突,因此需要修改docker的默認網段纔行。   二、修改網段 環境說明 操作系統:centos 7.5 docker版本:19.03.12   修改配置文件 vi /etc/docker/da

原创 Elasticsearch根據查詢條件求和sum

一、概述 現有news表,數據存放在Elasticsearch中。需要根據關鍵字查詢之後,sum計算點擊數。 數據如下: {"content":"變異毒株在國內首次出現社區傳播","hits":468} {"content":"昆明市委書

原创 ElementUI el-checkbox實現全選反選單選

一、概述 先來看一下效果圖   需求: 1. 每一種類型,可以全選,反選(一個都不選),單選(僅選一個或者多個) 2. 保存時,至少有一種類型,選擇1個或多個。不能都不選,直接提交空表單。 3. 保存時,提交參數都是id,不能出現中文。

原创 ElementUI TimePicker固定時間範圍,開始時間小於結束時間

一、概述 根據項目需求: 1. 開始時間必須小於結束時間,不能等於結束時間。 2. 結束時間必須小於開始時間,不能相等。 2. 開始時間和結束時間,最小間隔30分鐘。 3. 時間範圍從00:00~24:00 4. 默認範圍08:00~18:

原创 ElementUI DateTimePicker設置當前日期之前的時間禁止選擇

一、概述 根據項目需求,選擇日期,不能小於當前日期。   二、代碼實現 test.vuie <template> <div> <el-date-picker v-model="value1" type=