本文已参与「新人创作礼」活动，一起开启掘金创作之路。
前言
周边的同事基本都跳了，薪资都涨不少，心动呀！于是趁金三银四就开始投简历面试。发现还是得跳出舒适圈，不然感觉没什么动力学习新得东西。得有压力才能够逼迫自己学习哈。
最近面试比较高频的问题
- vue 的生命周期
- vue 的通讯方式
- vue 的双向绑定原理
- webpack 常用的配置项
- http 和 https 的区别
- 盒模型
- vuex
- http状态码
- 输入一个URL到页面过程中发生了什么
- EventLoop
- 闭包
- vue3
- ES6
第一家
第一家来的很突然，大概七点半左右，我还坐在抽烟区，电话就来了，然后我就稀里糊涂的在吸烟区面试了。好久没有面试了，还是有点小紧张的，但是面试官人很好，面试过程中也挺好的。
- 工作中常用的数组方法
- 事件冒泡、委托 + 阻止事件冒泡方法
- vue2 和 vue3 双向绑定原理和区别
- 常用的 vue 指令
- 如何把字符串转为数组
- http 和 https 的区别
- 盒子模型
- 弹性盒子
- 盒子水平垂直居中方法
- webpack 常用配置项
- git 常用命令
- map 跟 forEach 的区别
- 遍历对象的方法
第二家
第一家都面了第二家就不紧张了开冲冲冲。
- 常用的 ES6 方法
- 工作中常用的数组方法
- Map 不 return 会返回什么
- http 状态码
- 浏览器的渲染机制
- vue 的生命周期
- 计算属性和监听器的区别
- 计算属性是否可以异步操作
- webpack 常用的配置项
- loader 和 plugin 的区别
- 说一说闭包
- vuex
- vue的通讯方式
- Echats 常用的配置项
- vue 的 diff 算法
- EventLoop
- 一般在那个生命周期请求数据
第三家
这家面试一上来就直接气势十足，一下子被她给整懵了。
- 如何获取滚动条的位置
- vuex
- vue-router
- router 与 route的区别
- 路由的跳转方式
- webpack 的常用配置项
- plugin 是怎么运行的
- 盒模型
- 盒子水平垂直居中
- flex 的属性
- 闭包、闭包的特性
- 闭包怎么定义私有化变量
- new 关键字
- 什么是类数组
- ES6转数组的方法
- http 和 https 的区别
第四家
这家面试基本都是聊一些在工作中项目遇到问题怎么解决，应该是想了解是否有真实项目经验。
- 主要是聊项目多
- 输入一个URL到页面过程中发生了什么
- vue 的通讯方式
- vue 的生命周期
- 怎么调试内存泄漏
- 在工作中遇到不明确的需求 你怎么做
- 在项目中遇到自己解决不了的问题 你怎么做
- vue2、3的双向绑定原理
- http 和 https 的区别
- 导致内存泄漏的方法
第五家
这家面试就是痛苦，我面的只是初中级前端，结果问的问题都是vue的源码、elementUi源码、读过哪些前端相关的书。被虐了一个小时。
第六家
这家面试大部分都是在聊项目，开始造火箭 嘿嘿。
- 主要是聊项目多
- 前后端怎么联调
- webpack 常用配置项
- vue 的双向绑定原理
- vue 的通讯方式
- $nectTick
第七家
甩了六道js相关的题，20分钟手写完，才做了三道题时间到了，直接凉了。
第八家
这家面试又双叒是在聊项目。
- 封装了哪些公共组件
- 插槽
- 递归
- 怎么解析树形结构数据
- 闭包
- 原型链
- vuex
- 怎么实现深拷贝
数组转属性结构数据可以查看 数组扁平转树形结构数据(Tree)
第九家
这家是视频面试，是一个四十来岁的老哥给我面了，突然看到大佬就慌了。
- v-if 和 v-for 的优先级
- 怎么解决多层嵌套if
- 对数据库有了解吗
- vue 生命周期
- vue 的通讯方式
- 怎么优化项目
- 浏览器缓存
- 用什么工具来调试项目
- vue3 有了解哪些
- 自己有哪些优点 王德法? 又要自吹了吗
第十家
从电话中听到这位老哥的语气就知道很急那种，随便问了几个问题就没了，就没了，没了。
- vue-router 怎么传参
- vue 父子之间有哪些通讯 在代码中怎么写的
- 父组件怎么修改子组件的公共样式
- vue 生命周期
- 弹性盒子
- map 和 forEach 的区别
第十一家
这家面试就更离谱了，一上来就问运维相关问题，就很离谱， 最后还是问了一些 vue3 的API，
第十二家
这家也是视频面试，看到面试官第一眼 卧槽又是大佬。值得一提的十面试官贼好，问问题一下子答不上来，他能等你十分钟让你慢慢想，开心。
- vue 的生命周期
- vue 的通讯方式
- vuex
- promise
- EventLoop
- display 的 flex 有哪些属性
- 怎么通过 css 隐藏元素
- 怎么实现 商城选中的物品，用户不小心关了页面，再次打开之后，有当时选中物品
- 怎么实现 用户在这个商城选中的物品，在另外一个商城同步物品
- 浏览器缓存
- 怎么识别是否跨域
- 怎么解决跨域
- 前后端联调
- 怎么调试接口 用什么工具
- postman 遇到需要登录的接口怎么调试
- 登录的信息应该存放在哪里比较合适
- 用户打开页面白屏是什么原因造成
- 怎么调试白屏的问题
- PC 端没问题 但是手机端有问题 怎么调试
- 给你一个需求 你要怎么做
- 怎么实现原生文件上传
- css 动画
- --------------笔试题--------------
- 手写防抖
- 手写节流
- 手写正则匹配IP地址
结束语
最后也祝大家能找到自己心仪的工作。
面了那么多 vue， 最后去了一家用 React 的公司，没想到吧，我也没想到！大家一起加油，开始新的一轮搬砖啦。
大佬写的前端面试题总结
入职后学习的 ts 总结 ts入门学习总结
