第一次把控一個系統(tǒng)管理后臺劳澄，完成后自知很多不足之處地技，組件分離、代碼規(guī)范秒拔、方法優(yōu)化等等莫矗。
這個系統(tǒng)是給公司內(nèi)部人員使用，涉及到權限管理砂缩、增刪相關項目作谚、 報表等主要操作♀职牛基于目前技術水平妹懒，采用的是VUE技術棧，選取的是餓了么的UI框架双吆，餓了么框架確實體驗不錯眨唬，還是比較推薦的。
本次共涉及10個模塊伊诵，每個模塊相對獨立单绑，項目采取vue-cli（其實腳手架我覺得應該根據(jù)公司團隊的情況自己寫一個...），使用官方推薦的axios進行數(shù)據(jù)請求曹宴，同時引入vuex進行全局狀態(tài)管理搂橙。
以下說說其中我覺得比較有意義的點：
1、nprogress使用笛坦，目前應該是pc端用的最多的東西区转，對體驗感有所增強，開關放到router切換里面版扩；
2废离、圖片懶加載，vue-lazyload礁芦，在涉及到圖片展示時可以使用該功能蜻韭，做過電商網(wǎng)站的同學應該會更加注意使用這個；
3柿扣、axios請求當中增加token驗證肖方、默認請求時長設置，統(tǒng)一報錯機制未状；
4俯画、通過Vue.directive注冊權限的方法，通過組件內(nèi)v-permission進行調(diào)用司草，用來判斷當前用戶是否有權限進行相關的按鈕操作（搭配disabled屬性進行禁用按鈕）艰垂；
5泡仗、全局過濾器的注冊，filter當中可以注冊多個方法猜憎，比如轉(zhuǎn)換時間戳娩怎、格式化金額格式等，在組件內(nèi)使用管道符' | '在組件內(nèi)進行使用胰柑；
6峦树、utils當中定義公共的方法，比如表單內(nèi)手機號驗證旦事、身份證驗證、銀行卡號驗證等急灭，組件內(nèi)只需要把相關的驗證引入在正確的地方使用即可姐浮；
7、vuex當中葬馋，定義了2種方法卖鲤，其一是用來管理頁面加載時該區(qū)域的loading效果，其二是用來管理按鈕點擊是按鈕的loading狀態(tài)畴嘶；
8蛋逾、開發(fā)過程中，本地環(huán)境窗悯、測試環(huán)境区匣、正式環(huán)境的api都有所不同，因此定義不同的指令解放雙手蒋院，在項目配置中統(tǒng)一設置api的地址亏钩，并且后期可以搭配webHooks進行自動化部署。
實現(xiàn)業(yè)務的道路上欺旧，努力寫一份好代碼姑丑！
與君共勉！４怯选栅哀！
