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