19/3/28 學習筆記

1 stylus 預處理
項目文件assets目錄下新建stylus文件夾，新建 *.styl文件：

variable.styl 存儲公共樣式，iconfont.styl引用原iconfot.css文件，修改後綴爲styl，其餘不變
引入示例：@import ‘~styles/mixins.styl’

2 ajax請求本地json文件數據
a :應該把 json文件放在最外層的static文件夾，這個文件夾是vue-cli內置服務器向外暴露的靜態文件夾
b :必定要用get的請求方式，post就會404

3 better-scroll
better-scroll 是一款重點解決移動端（已支持 PC）各類滾動場景需求的插件。它的核心是借鑑的 iscroll 的實現，它的 API 設計基本兼容
iscroll，在 iscroll 的基礎上又擴展了一些 feature 以及作了一些性能優化。

4 登陸驗證明現思路
Vue項目中實現用戶登陸及token驗證
先說一下個人實現步驟：
使用easy-mock新建登陸接口，模擬用戶數據
使用axios請求登陸接口，匹配帳號和密碼
帳號密碼驗證後， 拿到token，將token存儲到sessionStorage中，並跳轉到首頁
前端每次跳轉時，就使用導航守衛(vue-router.beforeEach)判斷 sessionStorage 中有無 token ，沒有就跳轉到登陸頁面，有則跳轉到對應路由頁面。
註銷後，就清除sessionStorage裏的token信息並跳轉到登陸頁面