原创 Element的input 實現帶圖標密碼框的明密文(點擊眼睛顯示密碼,再次點擊圖標隱藏密碼)

點擊眼睛圖標顯示密碼,再次點擊圖標隱藏密碼 一、知識點: 帶 icon 的輸入框,可以通過 prefix-icon 和 suffix-icon 屬性在 input 組件首部和尾部增加顯示圖標,也可以通過 slot 來放置圖標。

原创 position:absolute下,top:0,right:0,bottom:0,left:0 結合margin:auto的作用(讓明確寬高的盒子水平垂直居中於父元素)

絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie

原创 讓盒子水平垂直居中的方法小結

一、絕對定位 + margin,讓固定寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="v

原创 不知道取個啥名(CSS翻轉,transform)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 解決element的Table表格組件的高度問題( height只能是數字或者字符串 ),故需用js實現了height: calc(100vh - 260px) 的效果

一、定義獲取瀏覽器窗口高度的js文件 相當於用js實現了 height: calc(100vh - 260px); 的效果 注意: 260 是頂部和底部導航以及部分自定義佈局 ; autoTableHeight.js //獲取

原创 函數的內部屬性————Arguments對象

一、基本點 arguments是一個類數組對象,包含着傳入函數中的所有參數。主要用途是保存函數參數,但這個對象還有一個名叫callee的屬性 arguments的 callee屬性是一個指針,指向擁有這個arguments對象的

原创 皮卡丘之————CSS變量和CSS3新特性的使用

知識點 : CSS:CSS變量的應用,基本的css屬性 CSS3 :邊框border 、圓角border-radius、盒子陰影box-shadow、徑向漸變radial-gradient、transform中的 rotate,t

原创 使用Element的 InfiniteScroll 無限滾動組件報錯

一、問題描述 在使用Element的InfiniteScroll 無限滾動時候出現以下錯誤: TypeError: Failed to execute 'observe' on 'MutationObserver': parame

原创 富文本編輯器之————Vue-Quill-Editor

1. 安裝vue-quill-eidtor yarn add vue-quill-editor 或者 npm install vue-quill-editor --save 2. 在main.js中引入: import Vue

原创 vue-cli+Electron項目中___ 小型本地JSON數據庫Lowdb的使用

前言: 此篇文章基於篇一和篇二中搭建好的項目進行,項目中安裝了Element, 相應的代碼地址:https://github.com/ddx2019/vue-electron-demo Lowdb Lowdb ,一個小型的本地JS

原创 鼠標經過按鈕上方 ,hover的時候,側邊欄向右滑出顯示,且可點擊(hover顯示側導航)

1. html代碼示例: 結構要點: 要顯示的**側邊欄是按鈕的子級 ** <div class="btn_slidebar"> 顯示側邊欄 <ul class="test_slidebar">

原创 網易雲音樂API,的調用方法 ,vue項目中(在本地使用)

1. 在cmd 命令行下:安裝並啓動: git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git /* 下載 */ cd NeteaseCloudMu

原创 自定義Element的Upload 上傳事件,不使用action屬性上傳

自定義Element的Upload 上傳事件,不使用action屬性上傳 <template> <div class="upload-container"> <el-upload class

原创 vue-cli+Electron項目,打包的相關配置( win )

前言: 這裏是基於 之前搭建的一個vue-cli+Electron項目做的相關配置。 項目地址: https://github.com/ddx2019/vue-electron-demo,項目的更多說明信息參考:作者往期文章 一、

原创 Electron實現將桌面應用放入系統托盤,並實現有新消息閃動功能

在vue+electron項目中,實現系統托盤和新消息閃動功能 官方描述: 用一個 Tray 來表示一個圖標,這個圖標處於正在運行的系統的通知區,通常被添加到一個 context menu 上. 用 new Tray('/pat