Frankiness-CSDN博客

原创使用extend封装一个全局弹窗组件

概念extend是一个组件构造器，传入包含组件选项的对象，返回一个Vue的子类，也就是组件步骤1.弹窗组件toast.vue<template> <div> <div class="container" v-if="show"> <span>{{ text }}</span> </div> </div></template><script>export

2021-04-09 11:55:41 208

将axios封装成API的形式，而不是定义在Vue的原型上面，因为这样会造成原型的污染1.在src/api文件夹下创建一个request.js文件2.创建axios配置变量，根据node的环境变量来匹配baseURLconst axiosConfig = { baseURL: process.env.NODE_ENV === 'production' ? '' : '/api', responseType: 'json', responseEncoding: 'utf8', heade

2021-04-09 11:50:14 93

原创前端发送请求时，携带token验证身份

1.axios发送请求时设置tokenaxios.post('/index',{ 'Authorization': token }) //这里最好以对象形式发送2.后端接口通过ctx.request.body拿到token，并且使用verify进行解析验证const token = ctx.request.body.Authorizationconst verify = jwt.verify(token ,secretOrKey)ctx.body = '验证成功...

2020-08-22 17:15:42 6191

原创后端将token发送至前端

1.在后端登录接口中，如果密码验证成功，则使用jwt模块生成tokenconst token = jwt.sign(payload, secretOrKey, { expiresIn: '12h' });2.将token设置到响应头之中，响应给客户端ctx.append('Token', token);3.客户端在登录页面中，通过then获取token，再将token设置到local Storage里const token = res.data.tokenlocalStorage.setIt

2020-08-10 18:06:51 5440

原创当span与块级元素处于同一行时，span总是会靠下，无法同时居中

原因在于：span一般默认按照块级元素的下基准线对齐解决方法：span添加样式vertical-align: top

2020-07-31 21:20:58 1282

转载理解 JavaScript 的 async/await

1. async 和 await 在干什么任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。另外还有一个很有意思的语法规定，await 只能出现在 async 函数中。然后细心的朋友会产生一个疑问，如果 await 只能出现在 async 函数中，那这个 async 函数应该怎么调用？如果需要通过 aw

2020-07-24 15:33:09 123

原创 post请求参数无法获取，ctx.request.body为空

ctx.request.body的值提示为undefined，原因在于使用中间件bodyParser的顺序不对，在require之后立即使用即可。

2020-07-23 14:20:55 4726

原创 Vue子父组件间的传值

父传子值1、子组件使用v-bind绑定父组件中的数据<child :child="parent"></child>2、在子组件中使用props创建自定义的接收数据属性props['child']3、就可以在子组件模版中使用数据了子传父值1、将需要传的值作为$emit的第二个参数，该值将作为实参传给响应自定义事件的方法msg(){ this.$emit('target',data)}2、在父组件中先定义一个接受子组件数据的函数,data是子组件传递过来

2020-07-10 17:24:02 113

原创 JS字符串与数字进行运算时的问题

数字+字符串会将其拼接console.log(1+'7') //输出17console.log('7'+1) //输出71-，*，/ 则正常运算console.log('7'*1) //输出7console.log('7'-1);//输出6console.log('4'/2);输出2

2020-07-05 18:04:11 424

原创在使用Jquery时，不能调用另外一个JS文件中的函数

在使用Jquery时，不能调用另外一个JS文件中的函数其被调用函数形式必须写为Test=function(){} //正确形式function Test(){} //错误形式

2020-06-29 14:59:16 841

原创 ul宽度不够时左右滑动显示

uldisplay: flex;overflow-x: auto;liflex: none; //防止li为适配ul自行压缩宽度

2020-06-26 11:30:29 638

tyl19971224的博客