原创 在angular項目中實現類似tab小窗口一樣的打開頁，保留打開過的頁面，再次點擊回去保留離開時的狀態
使用場景 打開任意一個菜單頁面的時候，出現對應頁面的頁籤。切換頁籤，原來的頁面信息狀態保留，關閉頁籤則保留的信息刪除。使用路由複用策略，保存路由快照。 實現效果如圖所示 實現過程 概述: 若使用vue開發，有現成的組件tagsVie
2020-07-05 04:33:30
原创 vue+element開發項目，使用tab頁的時候導致瀏覽器卡死的解決辦法
el-tabs導致瀏覽器卡死問題 用了vue-element-template模版二次開發，項目中需要用到el-tabs 結果一用就卡死。 根據網上建議，在<el-tab-pane>標籤裏不放任何元素，可以。 但是無法滿足項目需求。
2020-07-05 04:33:30
原创 vue項目實現文件下載
一、如果下載接口不需要token，可使用a標籤，直接下載。 二、 如圖所示，最後解決 1 getDownload(urls, fileName) { 2 var url = urls; 3
2020-07-05 04:33:30
原创 vue實現動態查詢，查詢字段以及類型由後端返回，展示的表格字段也由後端控制
需求： 因爲需求變更快，需要經常增加查詢字段，更改較爲麻煩，因此需要做一個通用的動態查詢組件，每次變更不由前端控制，而是修改配置文件即可。 一、動態查詢 解決思路： 定好前端需要的幾種查詢類型，返回格式，以及
2020-07-05 04:33:30
1
原创 前端vue項目中上傳文件時無法上傳與上一次相同的文件，使用el-upload解決方法
需求是：上傳文件 前提是：上傳文件的接口IP是不固定的。因此不能寫死。 第一次解決方法： 使用h5自帶的input type=file時，使用change觸發上傳事件 <input class="exportss" type="file
2020-07-05 04:33:30
1
原创 前端實現：滾動條樣式修改
谷歌展示如圖所示 代碼： /*滾動條整體部分,必須要設置*/ ::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent; } /
2020-07-05 04:33:30
原创 前端循環遍歷的實際應用
循環遍歷的使用手冊: 普遍使用方式: for (var i = 0; i < myCol.length; i++) {} 優化版for 循環(基本上是所有循環遍歷方法中性能最高的一種) for (var i = 0,len = my
2020-07-05 04:33:30
原创 rgb格式顏色與#000000十六進制格式顏色的轉換原理
首先，#000000格式的顏色被稱爲十六進制顏色碼； 6位數分爲三組，每兩位數一組，依次是紅、黃、藍顏色的強度； 而與此對應的，rgb（39，137，202)依次是十進制的紅黃藍顏色； 因此將rgb格式轉換成十六進制，只需要將三個數值轉換
2020-07-05 04:33:30
原创 從別的地方克隆了代碼後，需要提交到自己創建的github項目中，報錯git fatal: 遠程 origin 已經存在
報錯：git fatal: 遠程 origin 已經存在。 從別的地方克隆了代碼後，需要提交到自己創建的git中。 提示上面信息。 或者第一次將地址配錯了，需要修改遠程地址。 需要將遠程地址刪掉。 git remote rm
2020-07-05 04:33:30
原创 關於echart的x軸固定爲0-24小時顯示一天內的數據
需求: echart折線圖橫座標x軸固定顯示爲0-1-2-3-...-23-24一共24小時的數據. 根據需求,我在網上以及echart官網,發現x軸無論type是類目軸還是時間,都是自動處理的,尤其是數據量過多的情況,x軸時間
2020-02-22 00:27:08
原创 谷歌瀏覽器控制檯network界面那個時間段怎麼隱藏
谷歌瀏覽器控制檯每次調試接口請求的時候，中間那個時間段有時顯得很礙事。 尤其屏幕不大的時候，控制檯界面不能太大。 但是又要看具體的請求。 這一部分就顯得很礙事了。 所以就想隱藏來着。 看到最上方的view兩個標籤了嗎？ 取消勾選右
2018-12-01 00:11:11
原创 select下拉框的級聯 ( 當選擇下拉框中的某一個選項之後，纔會出現指定的效果)【Angular】
關於select下拉框的級聯（當選擇下拉框中的某一個選項之後，纔會出現指定的效果） 先上一個例子： 當選擇了其中的選項之後出現後一個查詢條件； 使用方法：angular中select框的change方法 【注意： angular6中
2018-09-06 03:00:29
2
原创 模糊匹配功能實現【angular】
實現效果如圖：用戶輸入查詢字段，檢測到用戶不再輸入之後，發送請求，得到後臺返回的模糊匹配的所有選項： （注意：用戶keyup輸入test時，如果監聽keyup事件的話，相當於觸發了4次，這裏只在test全部輸入之後，並且在一段時間內沒
2018-09-06 03:00:29
3