原创 前端開發資源收藏
VSCode拓展推薦 https://github.com/varHarrie/varharrie.github.io/issues/10 vue-element-admin vue-element-admin是一個後臺前
2020-06-26 00:54:51
原创 我們一起寫算法08
字符串駝峯命名的轉換與數組反轉 1.封裝函數進行字符串駝峯命名的轉換 已知有一個字符串foo='get-element-by-id'，請寫一個function將其轉化爲駝峯表示法getElementById。 思路: 首先根據’
2020-06-26 00:54:51
原创 不用防抖節流解決表單連續點擊提交
背景： 前端的表單提交功能，理論上是點擊一次請求一次接口也就提交一次，無奈測試會按住鼠標一直點擊。然後也就一直向後端發送數據，前端也會顯示多個提交成功的提交。影響體驗。測試提出要一段時間內只可以提交一次。直接使用狀態判斷。 解決：
2020-06-26 00:54:51
1
原创 vue:動態菜單隻有一個子菜單時父級菜單不顯示問題
使用vue-admin-template後臺管理模板的項目中使用了動態路由，就是顯示後端接口返回的路由。第二次遇到父級菜單不顯示的問題，第一次解決的方法沒有記錄，便又思考了一會。這裏記錄下。 父級菜單下有多個字菜單的父級都可以正常
2020-06-26 00:54:51
原创 封裝函數：按照需要格式格式化時間
背景： 後端返回的時間是時間對象，格式不是yy-mm-dd hh:mm:ss或者yy-mm-dd hh-mm-ss時間格式的，所以前端要對拿到的數據做一些處理纔可以展示到頁面上。這裏將處理方式記錄下來，方便以後直接拿來使用。如下：
2020-06-26 00:54:51
原创 element:常見用法總結（前後臺常見問題與自定義表單驗證）
持續記錄工作中遇到的element-ui常見的問題及常見用法。。。。。 目錄： 後臺返回數字前端顯示文字的方法 修改elementui默認樣式 實現動態增加表單 實現模糊搜索 實現input框中後面加單位 開關switch組件開
2020-06-26 00:54:51
3
原创 vue報錯：Uncaught (in promise) TypeError: (0 , _auditorMange.default) is not a function解決
到了下班時間，腦袋越來越暈，犯得錯誤也越來越多。調用後臺接口時，就發現瞭如下錯誤，雖然沒有耽誤太多時間來解決，還是很有必要記錄下來。報錯如下: 這裏vue文件中定位的行數也是不準確的。 原因分析： 腦袋不思考，ES6掌握不紮實。
2020-06-26 00:54:51
原创 element手動點擊修改走馬燈的播放索引
背景： 項目中需求改成上方展示小區列表，下方是各校區數據的柱狀圖輪播，輪播到該校區時上方校區高亮。但是點擊某一個校區也要展示該校區對應的柱狀圖，這裏就用到了手動修改走馬燈的播放索引。 思路： element官方提供了setActi
2020-06-26 00:54:51
原创 封裝函數：按數組中對象某字段的值從小到大排列
// 從小到大排列 compare (item) { return (a, b) => { const val1 = a[item] const val2 = b[item] return val1 -
2020-06-26 00:54:51
原创 vue-element-admin路由切換到添加或編輯頁面後實現側邊欄高亮
背景： 使用vue-element-admin的後臺管理系統。添加和編輯頁面使用路由跳轉的方式切換，但是切換到添加頁面後，添加功能所在頁面對應的側邊欄不會高亮顯示。如圖當點擊添加或者編輯按鈕以後，左側菜單不再高亮。 分析： 原模
2020-06-26 00:54:51
1
原创 pre-commit hook failed報錯解決
錯誤呈現 在git提交代碼到遠程庫時，有時候會報pre-commit hook failed錯誤，導致提交失敗。 錯誤截圖如下： 解決 在項目所在目錄下的.git文件夾下（如果找不到，可能是隱藏了，可以通過設置文件夾屬性找出來）
2020-06-26 00:54:51
原创 sublime和vscode常用高效插件及文件模板新建與git國內下載地址
1.sublime常用插件 列舉sublime編輯器常用插件如下： Emmet 功能：編碼快捷鍵，前端必備。 JSFormat 功能：JavaScript的代碼格式化插件。 LESS 功能：LESS高亮插件。 Le
2020-06-26 00:54:51
原创 手寫v項目中橫向類tab（可展開與收起）功能
背景： 在本次項目需求中涉及區域名稱的展示，點擊更多可以展開和點擊收起即收起。項目框架：vue。 設計如圖： 展開： element也有tab標籤組件，有類似效果，這裏決定自己手寫一個原生的，點擊事件也好控制。新建一個view
2020-06-26 00:54:40
原创 elementui:date組件將當前月份放在右側
背景： 公司要求展示今天之前的數據，使用picker-options的disabled把當前天后面的日期屏蔽掉，但是這樣就出現一個展示問題。當前月份在左側，右側月份均不可以選擇，非常不美觀，如下。於是要把當前月份放在右側顯示。
2020-06-26 00:54:40
原创 el-input和input輸入框只允許輸入數字小數點或某些字符
在表單驗證中常常會有el-input和input輸入框只允許輸入數字小數點或某些制定字符的需求。實現方式也多種多樣，element自帶的表單驗證和自定義驗證器都可以實現，這裏使用javascript的oninput事件，然後配上正
2020-06-26 00:54:40