No2.8 前端面试题 1. 防抖和节流 2. 数据没有请求回来的时候怎么做 3. 如何做到无感登录 4. HTTP

1. 防抖和节流

1. 什么是防抖节流

• 都是用来控制某个函数在一定时间内触发次数,两者都是为了减少触发频率,以便提高性能或避免资源浪费
• 防抖(回城): 指触发事件后在n秒内函数只能执行一次,如果n秒内又触发了事件,则会重新计算函数执行时间
• 节流(普攻): 指连续触发事件但在n秒内置执行一次函数.节流会稀释函数的执行频率

2. 防抖和节流的使用场景

• 防抖: search搜索时,用户在不断输入值时
• 节流: 鼠标不断点击触发,mousedown;滚动监听事件,如滑到底部自动加载

2. 数据没有请求回来的时候怎么做

1. 给那些要渲染到页面上的数据，赋值一个默认值就行了，比如空或者占位符’-’。请求成功后再赋值为请求回来的值。这样是没有数据的时候还渲染页面，只不过不会出现undefined的情况。
2. 做兼容处理

	<template>
	    <div>{{ user.name || '' }}</div>
	</template>

3. if判断语句

3. 如何做到无感登录

1. 在相应其中拦截,判断token返回过期后,调用刷新token的接口
2. 流程:

• 1. 登录成功后保存token和refresh_token
• 2. 响应拦截器中对401状态码晕染刷新token的api方法
• 3. 替换错误对象里的token,保存本地新的token
• 4. 再次发送未完成的请求
• 5. 如果refresh_token过期了,就清除所有token重新登陆

4. HTTP

HTTP面试题传送门