作为一个光荣的接盘侠, 需要在接手的项目中实现Token的能力, 正如前篇所说的,我们这web端网页端, app端都是公用一套接口. 就是token过期之后需要使用key去刷新token. 还好以前小程序的网络请求是全部封装挂载到App下面, 我只需要做一下兼容处理, 完全easy. 不过麻烦的应该是在状态管理, 小程序上面没有vue中备受好评的vuex, 心痛, 只能自己新建一个呢.

    以前这用户信息全是直接, 怎么说呢, 直接永久存在Storage里面. emmm, 一次登陆,永不下线. 现在我们需要做的就是重新封装网络请求部分和状态管理部分

vue + axios实现集中式管理
token验证是我们开发中最常用到登陆会话机制, 他的诸多优缺点我这里九不做过多的叙述了,我主要说的就是他的实现方式了.由于项目是基于vuex开发的, 所以用备受好评的vuex作为我们的状态管理那是毫无悬念.

async 与 await

异步对于用户来说真的是超级爽的, 但是对于开发来说真的蛮坑的.
但是呢=> 同步一时爽, 用户火葬场啊

axios 的同步获取 => 正确做法

1
2
3
4
5
6
7

let getToken =>(){
  return axios.get('/getToken')
}
(async ()=>{
let t = await getToken()
console.log(t)
})()

Axios 批处理 - 小记

老板突然突发奇想让我做一个啥商家批量导单的网页, Excuse me ! 我早就想尝试一下前端做一些并发的请求咯.

回调式处理

第一次做批量处理, 不敢太浪, 只敢做一下回调式慢慢处理, 回调嘛 也就是监听一个任务做完了以后,我们再给他安排做下一个任务, 最好就是自己搞完了在调用自己

1
2
3
4
5
6
7

let index = 0;
function callback(){
    console.log(++index)
    // ...
    setTimeout(callback, 500)
}

MInt 框架

Mint是一款基于 Vue.js 的移动端组件库, 自从在他官网看到下面这句话, 我就对Mint有一种特殊情愫吧, 想比起Element全部引入, 我还是喜欢追求轻快简洁的风格。

Axios 上传文件到七牛云的坑坑洼洼

需求

上传文件也就当初还在用php写前端得时候, 直接使用form, 然后button submit提交到后台上去. 后面使用微信小程序提交文件得时候也就跟简单咯, 直接调用官方sdk就可以了, 这次由于项目上需要使用vue这种面向mvvm的框架直接上传文件, vue的核心就是不操作DOM, 所以我们最好也要尊重vue的设计核心思想嘛.

初识Promise

现在呢，我手上的一个项目有一个需求，打开页面需要先先后天获取一下当前的状态然后对页面进行更新，在让用户进行交互。有一些网络状态不太好的将会等很久才会刷新出新的状态，所以做一个加载动画就完全有必要呢。但是有一些用户的网络将会很快，加载动画根本完全没显示就一闪而过了。 这样怎么能对得起我辛苦做好的动画呢。为了不影响我后面一长串的if(status){return false} 的顺利执行，我突然就想起来随时遇到但却没有深入进行研究的 Promise 这个方法啦

选手机真的是让人头疼的一件事, 要么怕买贵, 要么怕坑买错. 这里我为大家推荐几款自认为不错的手机(主要是钱包空空, 不会推荐太贵的手机), 大家可以参考参考.

搞IT的许多大佬都会拥有属于自己的博客, 总是按捺不住羡慕自己也弄一个, 又买不起服务器, 懒得写主题, 所以啥WP啊这些大麻烦就忽略吧, 直接上GitHub或者码云弄个page项目搭建输入自己的博客吧。

Vue从零开始到toDoList

本教程使用从VueCli进行开发,需安装NodeJs,NPM JS包管理器。直接安装NodeJs 即可。 NodeJs安装就不多说了，直接下一步下一步,默认配置即可.