vue 面试题转发

这篇博客深入探讨了Promise的使用,包括其状态、API以及.all()与.race()的区别。同时,文章涵盖了HTTP的各种请求方法及其应用场景。此外,还对比了WebSocket和Ajax在实时通信上的差异。最后,详细阐述了Vue路由守卫的种类和作用,包括全局和组件内的导航守卫。
摘要由CSDN通过智能技术生成

8.你了解promise吗?
是做什么的:promise是用来处理异步的一种解决方案,它来自es6。
参数状态:通过new Promise使用,他有三个状态,pending(初始化),fulfilled(成功),rejected(失败)。成功就调用resolve()来变成fulfilled状态,失败则调用rejected()来变成rejected状态。
有哪些api:.then() .catch() .all() .race()
成功走.then 异常走catch,.then可以链式调用;
.all和.race的区别?
.all 代表 所有的都为成功状态则走.then,否则就是catch
.race一旦参数内有一个值的状态发生的改变,那么该Promise的状态就是改变的状态。就跟race单词的字面意思一样,谁跑的快谁赢

Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成 ,又称Fulfilled)和 Rejected(已失败)。

resolve(data)将这个promise标记为resolved,然后进行下一步then((data)=>{//do something}),resolve里的参数就是传入then的数据

执行到 resolve()这个方法的时候,就改变promise的状态为resolved,当状态为 resolved的时候就可以执行.then()

当执行到 reject() 这个方法的时候,就改变 promise的状态为 reject,当promise为reject就可以.catch()这个promise了

这两个方法可以带上参数,用于.then()或者 .catch() 中使用。他们的作用就是 用于改变promise的状态,因为状态改变了,所以才可以执行相应的.then()和 .catch()操作。
原文链接:https://blog.csdn.net/Superman_peng/article/details/115444634

3.HTTP 常用的请求方式,区别和用途?

GET: 发送请求,获取服务器数据
POST:向URL指定的资源提交数据
PUT:向服务器提交数据,以修改数据
DELETE:删除服务器上的某些资源
HEAD:请求页面的首部,获取资源的元信息
CONNECT:建立连接隧道,用于代理服务器;
OPTIONS:列出可对资源实行的请求方法,常用于跨域
TRACE:追踪请求-响应的传输路径

HTTPS是在HTTP上建立SSL加密层,并对传输数据进行加密,是HTTP协议的安全版。

先验证ssl证书通过非对称加密的方式,再传输数据,通过对称加密。

2.WebSocket与Ajax的区别
websocket:wss协议/tcp连接,长连接,服务端和客户端相互推送数据
ajax:http/https协议,短连接,客户端向服务端发起请求

1.HTTP 常用的状态码及使用场景
200:请求成功
400: 客户端请求数据不对
401:未登录(无权限)
403:服务端拒绝了客户端的请求
404:资源不存在
301:重定向(3开头都重定向)
500:内部服务器错误

11.vue的路由守卫
作用:导航守卫可以监听路由变化情况
分类:全局导航守卫,路由独享守卫,组件内守卫

全局导航守卫(放置在main.js文件里):
全局前置守卫 router.beforeEach(fn),
全局的解析守卫router.beforeResolve,
全局的后置守卫router.afterEach
路由独享守卫(在index.js的路由表中写): beforeEnter
组件内守卫(写组件里):
组件内的前置守卫 beforeRouteEnter((to,from,next)=>{})
组件内的后置守卫beforeRouteLeave
组件内的更新守卫( 路由传参和路由的接参
)beforeRouteUpdate
前置:跳转前的意思
后置:跳转后的意思

5.什么是nextTick?(nextTick的作用是什么?)
在dom更新后延迟回调;(在dom更新后使用nextTick,就能拿到更新后的dom)

6.nextTick实现原理?
nextTick主要是使用了宏任务和微任务,定义了一个异步方法。多次调用nextTick会将方法存入队列中,通过这个异步方法清空当前队列,所以nextTick就是异步方法。

6.什么是浅拷贝和深拷贝(回答分类回答加分)
对基本类型变量,浅拷贝是对值的拷贝,没有深拷贝的概念。
对引用类型来说,浅拷贝是对对象地址的拷贝,并没有开辟新的栈,复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,另外一个对象的属性也会改变, 而深拷贝则是开辟新的栈。
7.null和undefined的区别
null: Null类型,代表一个空值,也代表一个空对象指针,表示将来可能被指向某一个对象,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。
undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。(未定义)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值