vue面试题总结

42次阅读

共计 2845 个字符,预计需要花费 8 分钟才能阅读完成。

写在前面

参考答案在看云平台发布,如果大家想阅读参考答案,可直接购买,

看云平台 50 个免费开通权限 已经使用完毕,感谢大家的支持!

有什么意见与建议欢迎您及时联系作者或留言回复!

Vue 开发交流微信群:(二维码定期更新,长期有效!或添加群主微信 hanxuming888 进群)

本文档基于 vue-cli 技术栈总结了

vue-cli 工程
vue.js 核心知识
vue-router 路由
vuex 状态管理器
axios 等 http 请求
移动端适配
Tab 切换等常用功能
vue 与原生 app 混合交互

vue 生产环境部署
vue 各项技术源码解析

MVVM 设计模式
vue-cli 工程深入拓展

等 12 个关于 vue-cli 开发的方面,共 98 道面试题。
不仅可以帮你一次性详细阅读所有关于 vue 的面试题、更可以帮你拓展关于 vue 开发的视野。
关于 vue 的试题,看这一篇文档就够了!

vue-cli 工程

1、构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?
2、vue-cli 工程常用的 npm 命令有哪些?
3、请说出 vue-cli 工程中每个文件夹和文件的用处
4、config 文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置
5、请你详细介绍一些 package.json 里面的配置
参考答案:https://www.kancloud.cn/hanxu…

vue 核心知识点

1、对于 Vue 是一套渐进式框架的理解
2、vue.js 的两个核心是什么?
3、请问 v-if 和 v-show 有什么区别
4、vue 常用的修饰符
5、v-on 可以监听多个方法吗?
6、vue 中 key 值的作用
7、vue-cli 工程升级 vue 版本
8、vue 事件中如何使用 event 对象?
9、$nextTick 的使用
10、Vue 组件中 data 为什么必须是函数
11、v-for 与 v-if 的优先级
12、vue 中子组件调用父组件的方法
13、vue 中 keep-alive 组件的作用
14、vue 中如何编写可复用的组件?
15、什么是 vue 生命周期和生命周期钩子函数?
16、vue 生命周期钩子函数有哪些?
17、vue 如何监听键盘事件中的按键?
18、vue 更新数组时触发视图更新的方法
19、vue 中对象更改检测的注意事项
20、解决非工程化项目初始化页面闪动问题
21、v-for 产生的列表,实现 active 的切换
22、v-model 语法糖的组件中的使用
23、十个常用的自定义过滤器
24、vue 等单页面应用及其优缺点
25、什么是 vue 的计算属性?
26、vue-cli 提供的几种脚手架模板
27、vue 父组件如何向子组件中传递数据?
28、vue-cli 开发环境使用全局常量
29、vue-cli 生产环境使用全局常量
30、vue 弹窗后如何禁止滚动条滚动?
31、计算属性的缓存和方法调用的区别
32、vue-cli 中自定义指令的使用
参考答案:https://www.kancloud.cn/hanxu…

vue-router

1、vue-router 如何响应 路由参数 的变化?
2、完整的 vue-router 导航解析流程
3、vue-router 有哪几种导航钩子(导航守卫)?
4、vue-router 的几种实例方法以及参数传递
5、vue-router 的动态路由匹配以及使用
6、vue-router 如何定义嵌套路由?
7、<router-link></router-link> 组件及其属性
8、vue-router 实现路由懒加载(动态加载路由)
9、vue-router 路由的两种模式
10、history 路由模式与后台的配合
参考答案:https://www.kancloud.cn/hanxu…

vuex

1、什么是 vuex?
2、使用 vuex 的核心概念
3、vuex 在 vue-cli 中的应用
4、组件中使用 vuex 的值和修改值的地方?
5、在 vuex 中使用异步修改
6、pc 端页面刷新时实现 vuex 缓存
参考答案:https://www.kancloud.cn/hanxu…

http 请求

1、Promise 对象是什么?
2、axios、fetch 与 ajax 有什么区别?
3、什么是 JS 的同源策略和跨域问题?
4、如何解决跨域问题?
5、vue-cli 中如何使用 JSON 数据模拟?
6、vue-cli 中 http 请求的统一管理。
7、axios 有什么特点?
参考答案:https://www.kancloud.cn/hanxu…

UI 样式

1、.vue 组件的 scoped 属性的作用
2、如何让 CSS 只在当前组件中起作用?
3、vue-cli 中常用的 UI 组件库
4、如何适配移动端?【经典】
5、移动端常用媒体查询的使用
6、垂直居中对齐
7、vue-cli 中如何使用背景图片?
8、使用表单禁用时移动端样式问题
9、多种类型文本超出隐藏问题
参考答案:https://www.kancloud.cn/hanxu…

常用功能

1、vue 中如何实现 tab 切换功能?
2、vue 中如何利用 keep-alive 标签实现某个组件缓存功能?
3、vue 中实现切换页面时为左滑出效果
4、vue 中父子组件如何相互调用方法?
5、vue 中央事件总线的使用
参考答案:https://www.kancloud.cn/hanxu…

混合开发

1、vue 如何调用 原生 app 提供的方法?
2、原生 app 调用 vue 提供的方法,并将值传递到 .vue 组件中
参考答案:https://www.kancloud.cn/hanxu…

生产环境

1、vue 打包命令是什么?
2、vue 打包后会生成哪些文件?
3、如何配置 vue 打包生成文件的路径?
4、vue 如何优化首屏加载速度?
参考答案:https://www.kancloud.cn/hanxu…

MVVM 设计模式

1、MVC、MVP 与 MVVM 模式
2、MVC、MVP 与 MVVM 的区别
3、常见的实现 MVVM 几种方式
4、Object.defineProperty() 方法
5、实现一个自己的 MVVM(原理剖析)
6、ES6 中类和定义
7、JS 中的文档碎片
8、解构赋值
9、Array.from 与 Array.reduce
10、递归的使用
11、Obj.keys() 与 Obj.defineProperty
12、发布 - 订阅模式
13、实现 MVVM 的思路分析
参考答案:https://www.kancloud.cn/hanxu…

源码剖析

1、vue 内部与运行机制:

Vue.js 全局运行机制
响应式系统的基本原理
什么是 Virtual DOM?
如何编译 template 模板?
diff 算法
批量异步更新策略及 nextTick 原理?
proxy 代理?

2、vuex 工作原理详解

Vue.mixin
Vue.use

参考答案:https://www.kancloud.cn/hanxu…

深入拓展

1、vue 开发命令 npm run dev 输入后的执行过程
2、vue 的服务器端渲染
3、从零写一个 npm 安装包
4、vue-cli 中常用到的加载器
5、webpack 的特点
参考答案:https://www.kancloud.cn/hanxu…

正文完
 0