第一次把控一個系統管理后臺，完成后自知很多不足之處，組件分離、代碼規范、方法優化等等。
這個系統是給公司內部人員使用，涉及到權限管理、增刪相關項目、 報表等主要操作。基于目前技術水平，采用的是VUE技術棧，選取的是餓了么的UI框架，餓了么框架確實體驗不錯，還是比較推薦的。
本次共涉及10個模塊，每個模塊相對獨立，項目采取vue-cli（其實腳手架我覺得應該根據公司團隊的情況自己寫一個...），使用官方推薦的axios進行數據請求，同時引入vuex進行全局狀態管理。
以下說說其中我覺得比較有意義的點：
1、nprogress使用，目前應該是pc端用的最多的東西，對體驗感有所增強，開關放到router切換里面；
2、圖片懶加載，vue-lazyload，在涉及到圖片展示時可以使用該功能，做過電商網站的同學應該會更加注意使用這個；
3、axios請求當中增加token驗證、默認請求時長設置，統一報錯機制；
4、通過Vue.directive注冊權限的方法，通過組件內v-permission進行調用，用來判斷當前用戶是否有權限進行相關的按鈕操作（搭配disabled屬性進行禁用按鈕）；
5、全局過濾器的注冊，filter當中可以注冊多個方法，比如轉換時間戳、格式化金額格式等，在組件內使用管道符' | '在組件內進行使用；
6、utils當中定義公共的方法，比如表單內手機號驗證、身份證驗證、銀行卡號驗證等，組件內只需要把相關的驗證引入在正確的地方使用即可；
7、vuex當中，定義了2種方法，其一是用來管理頁面加載時該區域的loading效果，其二是用來管理按鈕點擊是按鈕的loading狀態；
8、開發過程中，本地環境、測試環境、正式環境的api都有所不同，因此定義不同的指令解放雙手，在項目配置中統一設置api的地址，并且后期可以搭配webHooks進行自動化部署。
實現業務的道路上，努力寫一份好代碼！
與君共勉！！！
