原创 js的回調函數的理解
在說回調函數之前，先說下函數把，就是函數調用是通過函數名+（）來做的，那函數名錶示什麼呢？ 函數名錶示該函數的指針，不加（）時只表示獲取到該函數，並未調用，所以函數不可以重載，若是函數名稱一樣，之後的會覆蓋之前的。 回調函數： 通過將函
2020-05-30 17:12:07
原创 css3的transition及transition-group
有時候我們經常需要一些動態的過渡，比如列表元素的變化，只是若是隻有數據改變顯得有些生硬，需要一些過渡的效果。 如果使用v-for獲取的所有元素，使用transition-group實現過渡效果。 實現代碼： 1.html： <tran
2020-05-30 17:12:07
原创 對el-tree進行一些操作
有時我們需要使用到el-tree，即樹形控件，但大多數時候我們是需要對它進行一些樣式及數據的改變的。 操作： 1.在label前添加指定圖標： <span class="custom-tree-node" slot-scope="
2020-05-22 13:06:29
原创 js實現數組內相鄰元素上移，下移
實現效果： 即需要實現當前元素與相鄰元素交換位置， 當上移時，則是當前元素與上一元素調換位置；當下移時，則是當前元素與下一元素調換位置。 實現代碼： js: //點擊上移 clickUp(index){ this.swap
2020-05-17 13:04:33
原创 js中使用for in 獲取對象中的數據，默認取出是無序的
需要遍歷對象，將key value分爲兩個數組，可以使用forin，但是獲取到的對象中的屬性及屬性值排列是無序的， 目的是要按順序取出對象中的key和value值。 實現效果： 比如接口返回的對象格式： 需要轉換的格式： 實現
2020-05-08 13:04:34
原创 前後端不分離項目中，jsp寫的頁面，網站的所有頁面均顯示相同的小圖標
效果如下： 在不分離項目中，需要網站裏的所有頁面均顯示相同的網站圖標，在前後端分離項目中可以直接在static的index.html中添加，但是不分離項目中就不行了， 實現辦法： 寫一個公用的commons.jsp文件，裏面寫
2020-05-08 13:04:34
原创 需要設置滾動條的位置，比如要回到頂部，或是固定到某個位置
有時候需要設置滾動條的位置，比如： 1.vue使用vue-router在切換路由時，如果頁面不需要請求接口的話，則不會刷新頁面，這時候瀏覽器會保留上個頁面的滾動條位置，在下一個頁面仍保留在該位置， 2.聊天框裏，設置的height：100%
2020-04-28 13:05:10
原创 vue中插入視頻，如mp4
想要在頁面中插入視頻，比如mp4格式，使用VideoPlayer 實現效果： 實現代碼： 1.頁面引入： <video-player class="video-player vjs-custom-skin" ref="vid
2020-04-23 13:05:25
原创 想要預覽文件或是圖片，將後端返回的信息轉換爲前端可以正常顯示的格式
文件、圖片在後端主要以兩種方式存儲： 1.保存在服務器上，數據庫中存儲的是該文件、圖片的地址； 2.將文件、圖片轉爲二進制流，數據庫中存儲的是對應的二進制流。 針對第一種情況的話，直接請求接口獲取到對應的URL地址，賦值給src即可。
2020-04-15 13:05:13
原创 上傳文件及文件夾
實現效果： 想要實現可以上傳文件和文件夾這個操作， 實現代碼： 1.html: <el-upload class="upload-demo" action="https://jsonplaceholder.typico
2020-03-31 13:39:22
原创 Web前端技術
整理了一個web前端技術圖譜，關於技術的圖譜及講解文檔放在個人github上了，自行下載。 github：https://github.com/123456abcdefg/web-technology
2020-03-08 13:59:59
原创 el-steps步驟條中的圖標想要替換成圖片
實現效果： 如上所示，需要改變每個步驟的圖標，在process和finish下顯示不同顏色。 實現代碼： 1.html： <el-steps :active="active"> <el-step title="企業基本信息
2020-02-24 13:58:56
原创 el-table一些樣式的改變
1.改變表格標題樣式： /deep/ .el-table thead th 2.改變表格行數據樣式： /deep/ .el-table td 3.表格行在鼠標經過的時候會有默認背景色，改變背景色顏色 /deep/ .el-tab
2020-02-22 13:47:32
原创 js中獲取當前時間，按秒更新
實現效果： 進入頁面時，獲取到當前時間，可以按秒更新 實現代碼： setInterval(()=>{ let date= new Date(); let y = date.getFullYear(); let MM
2020-02-20 14:02:34
原创 關於級聯選擇器el-cascader的一些屬性
級聯選擇器如下： 基本用法： <el-cascader v-model="value" :options="options" @change="handleChange"> </el-cascader> 特
2020-02-20 14:02:34