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信息并跳转到登录页面