很久一段時間沒有寫博客了，連續4個多餘的加班讓我身心疲憊，最近剛剛纔有緩和的實際，那就整理下之前做的東西，順便坐下記錄方便未來查閱吧。
最近在做包網項目，前期缺少策劃並且自己並沒有相關的經驗，導致後面代理多了的時候被一些瑣事的東西搞得焦頭爛額。
急需解決的大概有一下兩個東西：
1.定製化
2.權限管理
定製化可以大概分爲幾個內容：
1.主題定製
2.模塊定製
主題定製目前有比較簡單的處理方案，
1.就是寫幾套代碼，根據服務器給的參數調用對應的模塊（不外乎就是全局覆蓋那一套的東西）
2.另外一種比較細的處理方式就是後臺接口提供幾種色值，前端的顏色配置都寫在js裏面獲取到數據後再渲染
模塊定製：
1.寫幾套不同排版的站點，更加用戶需要切換不同的git分支即可
2.涉及具體模塊的刪減（需要更加接口來進行填充頁面），需要設計，後臺，前端三方人員的溝通，避免刪除或者增加導致的佈局破壞從而無法商用
對目前的項目狀態的評價是：
1.比較粗糙，只是能用，涉及具體模塊的刪減和排序，後端沒有提供相關的數據，每次都是來一個代理切換下分支和修改下站點的信息。
2.涉及主題這塊，在pc上是根據接口響應的數據使用異步組件去請求對應的文件的，模塊定製這塊也是這樣處理。個人認爲pc端這塊已經不需要再優化可以滿足業務使用。
3.wap目前並沒有開始做定製化和模塊管理這一塊的工作，uniapp的一些特性導致wap的配置必定和pc的不打一樣，需要區分app和wap
tabbar模塊自定義
1.uniapp自帶的tabbar無法滿足這塊的要求，所以需要放棄pages.json文件裏面的tabBar配置
2.首頁tabbar這塊在5+app上用動態組件的方式根據後端數據來配置，但是無法使用路由動畫(可以使用自己實現的transition組件)
3.首頁tabbar在wap上面可以使用和5+app上面的處理一樣，但是可以通過transition組件來添加切換動畫
wap路由切換動畫
1.5+app環境uniapp提供了切換動畫，但是wap環境卻沒有提供動畫
2.可以使用vue-router來實現wap的路由動畫，但是卻無法使用addRouter這一的動態路由的方式實現
因爲uniapp的loader或者其他打包工具做了修改打包內容是依據pages.json的配置進行打包的，即使使用了addRouter瀏覽器地址能夠跳轉頁無法匹配到對應的文件
3.vue-router自帶的路由跳轉api以及路由可以使用，封裝一下路由代碼做一下平臺區分就可以，所有跳轉都使用封裝後的跳轉函數
路由權限
1.vue-router的addRoutes無疑是實現路由權限的最快捷和方便的處理方式，無奈uniapp不支持，wap一樣！
2.處理方法是寫一個以路由path爲key的obj，在使用封裝的跳轉函數前判斷一下是否有權限
3.針對用戶可能直接瀏覽器地址欄打開無權限的頁面的情況，需要在created函數裏面再次判斷一下如果無權限幹掉當前頁面調到異常頁面（這個功能個人認爲最好寫在mixins裏面統一處理，權限頁面混入）
其實一開始我是想好好梳理一下路由權限這一塊的，但是沒整理好思路，暫時就先這樣吧。