前端工具函数的介绍以及axios封装

1. 日期处理 js 提供的日期库比较难用,moment.js库提供比较多的日期表示。但是moment.js 体积较大。github有一个star 比较多的日历库:dayjs。 不仅体积仅有2kb,而且能提供易用的API,控制日期的格式。


2. 对于axios的封装,代码如下。传入参数一个Object,用对象解构来获取对象对应键名的键值


这里前后端要约定好返回值。当data.status === 200时,表示返回状态正常。返回数据对象code:0 代表操作正常,code: 3 代表没有session,说明没有登陆。code: -1 代表服务器内部有报错。这个要参考之前的koa2中间件错误捕获。当服务端捕获到错误,会返回code: -1 。这样大部分情况我们都包含到了,还有一种就是当网络链接突然断开,ajax就会产生异常,我们可以在axios 这个Promise上 catch这个异常。

然后说一下参数。参数就是传入的对象对应的键名url, method, data, params, cb; url代表请求的接口,method ajax方法,默认是'get' 。 当请求的方法是get时,传入的数据应该在params里。当请求方法是'post', 'put', 'delete'时,数据在data里。

最后是cb (callback)回掉函数。js支持函数式编程,这就使得这门语言非常灵活。当code:0时,将返回的结果传入回掉函数中进行处理。可以非常方便的在异步请求结束之后获取数据。 

例:

没有传入method 说明请求是'get'. cb 代表成功之后的回调函数。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值