关于前端 Vue 框架面试题,面试可能会被问到哪些?,前端面试送分题

94 阅读5分钟

ES6

  • 列举常用的ES6特性:

  • 箭头函数需要注意哪些地方?

  • let、const、var

  • 拓展:var方式定义的变量有什么样的bug?

  • Set数据结构

  • 拓展:数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

微信小程序

  • 简单描述一下微信小程序的相关文件类型?

  • 你是怎么封装微信小程序的数据请求?

  • 有哪些参数传值的方法?

  • 你使用过哪些方法,来提高微信小程序的应用速度?

  • 小程序和原生App哪个好?

  • 简述微信小程序原理?

  • 分析微信小程序的优劣势

  • 怎么解决小程序的异步请求问题?

开源分享:docs.qq.com/doc/DSmRnRG… 22. vue中自定义过滤器

  1. vue等单页面应用及其优缺点

  2. 什么是vue的计算属性?

  3. vue-cli提供的几种脚手架模板

  4. vue父组件如何向子组件中传递数据?

  5. vue弹窗后如何禁止滚动条滚动?

  6. 计算属性的缓存和方法调用的区别

  7. vue-cli中自定义指令的使用

Vue-cli工程

  1. 构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?

  2. vue-cli 工程常用的 npm 命令有哪些?

  3. 请说出vue-cli工程中文件夹和文件的用处

  4. config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置

  5. 请你详细介绍一些 package.json 里面的配置

vue-router

  1. vue-router 如何响应 路由参数 的变化?

  2. 完整的 vue-router 导航解析流程

  3. vue-router 有哪几种导航钩子( 导航守卫 )?

  4. vue-router 传递参数的几种方式

  5. 怎么定义 vue-router 的动态路由? 怎么获取传过来的值

  6. vue-router 的动态路由匹配

  7. vue-router 如何定义嵌套路由?

  8. <router-link></router-link> 组件及其属性

  9. vue-router 实现路由懒加载( 动态加载路由 )

  10. vue-router 路由的两种模式

  11. history 路由模式配置及后台配置

vuex

  1. 什么是 vuex?

  2. Vuex 解决了什么问题?

  3. 使用 vuex 的核心概念

  4. vuex在 vue-cli 中的应用

  5. 在 vue 中使用 vuex,修改 state 的值

  6. vuex actions 异步修改状态

  7. Vuex 中状态储存在哪里,怎么改变它?

  8. 怎么在组件中批量使用 Vuex 的 state 状态?

  9. 怎么在组件中批量使用 Vuex 的 getter 属性?

  10. Vuex 中 action 和 mutation 有什么区别?

  11. Vuex 中 action 通常是异步的,那么如何知道 action 什么时候结束呢?

  12. Vuex 插件有用过吗?怎么用简单介绍一下?

http请求

  1. Promise对象是什么?

  2. axios、fetch与ajax有什么区别?

  3. 什么是JS的同源策略和跨域问题?

  4. 如何解决跨域问题?

  5. axios有什么特点?

UI样式

  1. vue组件的scoped属性的作用

  2. 如何让CSS只在当前组件中起作用?

  3. vue-cli中常用的UI组件库

  4. 如何适配移动端?

  5. 移动端媒体查询

  6. vue内容垂直和水平居中

  7. vue-cli引入图片的方法

  8. 移动端常见样式问题

  9. 文本超出隐藏

常用功能

  1. vue中如何实现tab切换功能?

  2. vue中keep-alive 实现标签页组件缓存

  3. vue中实现页面从右往左侧滑入效果

  4. vue中父子组件如何相互调用方法?

  5. vue中央事件总线的使用

MVVM设计模式

  1. MVC、MVP与MVVM模式

  2. MVC、MVP与MVVM的区别

  3. MVVM的实现原理

  4. Object.defineProperty()方法

  5. ES6中定义的类和对象

  6. JS中的文档碎片

  7. 解构赋值

  8. Array.from

  9. Array.reduce

  10. 递归的使用

  11. Obj.keys()与Obj.defineProperty

  12. 发布-订阅模式

  13. vue项目优化,缩短首屏加载时间

篇幅有限,需要文中 《Vue框架面试题总结》完整版(含解析)PDF文档可以【点击这里】免费领取!

深入拓展

  1. vue开发命令 npm run dev 输入后的执行过程

  2. vue的服务器端渲染

  3. webpack的特点

最后

在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

  • HTML5新特性,语义化

  • 浏览器的标准模式和怪异模式

  • xhtml和html的区别

  • 使用data-的好处

  • meta标签

  • canvas

  • HTML废弃的标签

  • IE6 bug,和一些定位写法

  • css js放置位置和原因

  • 什么是渐进式渲染

  • html模板语言

  • meta viewport原理