没有合适的资源?快使用搜索试试~ 我知道了~
2023年VUE面试题大全
需积分: 0 6 下载量 200 浏览量
2023-04-02
21:56:38
上传
评论
收藏 370KB PDF 举报
温馨提示
试读
12页
2023年VUE面试题大全 1.Vue 和 React 有什么不同?使用场景分别是什么? vue 是双向绑定 react 没有数据双向绑定,react 是单向数据流 使用场景: react:期待构建大型应用程序,期待同时适用与 web 端和原生 app 的框架,期待最大的生 态系统 vue:期待模板搭建应用,期待简单和能用就行的东西,期待应用尽可能的小和快。 基于promise的异步ajax请求库,支持promise所有的API 浏览器端/node端都可以使用,浏览器中创建XMLHttpRequests 支持请求/响应拦截器 支持请求取消 可以转换请求数据和响应数据,并对响应回来的内容自动转换成JSON类型的数据 批量发送多个请求 安全性更高,客户端支持防御XSRF,就是让你的每个请求都带一个从cookie中拿到的key,根据浏览器同源策略,假冒的网站是拿不到你cookie中得key的,这样,后台就可以轻松辨别出这个请求是否是用户在假冒网站上的误导输入,从而采取正确的策略。
资源推荐
资源详情
资源评论
2023 年 VUE 面试题大全
1.Vue
和
React
有什么不同?使用场景分别是什么?
vue
是双向绑定
react
没有数据双向绑定,
react
是单向数据流
使用场景:
react
:期待构建大型应用程序,期待同时适用与
web
端和原生
app
的框架,期待最大的生
态系统
vue
:期待模板搭建应用,期待简单和能用就行的东西,期待应用尽可能的小和快
2.axios 是什么?怎么使用它,怎么解决跨域?
是什么?
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。前端最流行的
ajax 请求库,
react/vue 官方都推荐使用 axios 发 ajax 请求
特点
:
基于
promise
的异步
ajax
请求库,支持
promise
所有的
API
浏览器端
/node
端都可以使用,浏览器中创建
XMLHttpRequests
支持请求/响应拦截器
支持请求取消
可以转换请求数据和响应数据,并对响应回来的内容自动转换成
JSON
类型的数据
批量发送多个请求
安全性更高,客户端支持防御
XSRF
,就是让你的每个请求都带一个从
cookie
中拿到的
key,
根
据浏览器同源策略,假冒的网站是拿不到你
cookie
中得
key
的,这样,后台就可以轻松辨别
出这个请求是否是用户在假冒网站上的误导输入,从而采取正确的策略。
常用语法:axios(config): 通用/最本质的发任意类型请求的方式
axios(url[, config]): 可以只指定 url 发 get 请求
axios.request(config): 等同于 axios(config)
axios.get(url[, config]): 发 get 请求
axios.delete(url[, config]): 发 delete 请求
axios.post(url[, data, config]): 发 post 请求
axios.put(url[, data, config]): 发 put 请求
axios.defaults.xxx: 请求的默认全局配置
axios.interceptors.request.use(): 添加请求拦截器
axios.interceptors.response.use(): 添加响应拦截器
axios.create([config]): 创建一个新的 axios(它没有下面的功能)
axios.Cancel(): 用于创建取消请求的错误对象
axios.CancelToken(): 用于创建取消请求的 token 对象
axios.isCancel(): 是否是一个取消请求的错误
axios.all(promises): 用于批量执行多个异步请求
axios.spread(): 用来指定接收所有成功数据的回调函数的方法
3.说说 Vue,React,angularjs,jquery 的区别
1.
JQuery 与另外几者最大的区别是 JQuery 是事件驱动,其他两者是数据驱动
2.
JQuery 业务逻辑和 UI 更该混在一起,UI 里面还参杂着交互逻辑,让本来混沌的逻辑更加混
乱
3.
Angular,Vue 是双向绑定,而 React 不是
4.什么阶段(生命周期)才能访问操作 dom?为什么
在钩子函数 mounted()中才能开始访问操作 dom,因为在 mounted()生命周期前,dom 刚好渲染好,
但还未挂载到页面,如果在这之前进行 dom 操作,将找不到 dom 节点
5.组件中的 data 为什么是个函数?
因为组件是用来复用的,因为 js 里对象是引用关系,如果 data 是对象形式,那么 data 的作用域是没
有隔离的,在多个子组件时,会被外部因素影响,如果 data 是一个函数,那么每个实例可以独自拥
有一份返回对象的拷贝,组件实例之间的 data 属性值不会互相影响
6.说一说 scoped 样式隔离
Vue 在创建组件的时候,会给组件生成唯一的 id 值,当 style 标签给 scoped 属性时,会给组件的 html
节点都加上这个 id 值标识,如 data-v4d5aa038,然后样式表会根据这 id 值标识去匹配样式,从而实
现样式隔离
7.v-if 与 v-show 的区别?
相同点:
v-show 和 v-if 都能控制元素的显示和隐藏。
不同点:
实现本质方法不同:v-show 本质就是通过设置 css 中的 display 设置为 none;控制隐藏 v-if 是
动态的向 DOM 树内添加或者删除 DOM 元素;
v-show 都会编译,初始值为 false,只是将 display 设为 none,但它也编译了;v-if 初始值为
false,就不会编译了
总结:v-show 只编译一次,后面其实就是控制 css,而 v-if 不停的销毁和创建,如果要频繁切换某节
点时,故 v-show 性能更好一点。
剩余11页未读,继续阅读
资源评论
凉亭下
- 粉丝: 264
- 资源: 245
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功