2020年初参加了大大小小十多场面试,base杭州,现在把面试中被问到的问题记录下来,我的技术栈主要是vue,所以和vue相关的问题比较多。
通用问题:
1、工作中遇到了哪些问题,怎么解决的?
2、有没有遇到过页面性能问题,怎么解决的?
3、你认为前端应该负责哪些东西
4、做过哪些有难度的事情?推动项目组的效率
5、做了哪些事情?工程化的东西有没有
6、你的学习规划是什么
7、自己做的比较好的点
8、对一个知识点的学习的路径
JS/ES6相关:
1、解释一下原型链
2、es6增加了哪些特性和方法
3、深拷贝和浅拷贝的区别,如何实现深拷贝
4、ES6的class特性 class继承与基于原型链的继承方式有什么区别
5、在class继承里面,在constructor中没有调用super, 还可以取到this吗
6、new一个构建函数,如果没有new , 应怎么实现,包含几步
7、es6可迭代的类型有哪些,可迭代类型有哪些特性
8、es6中代理对象怎么用
9、 promise怎么用,怎么终止
10、es5和es6的区别
11、变量a怎么判断是不是数组
12、几种定义函数的方法,有什么区别
13、箭头函数与普通函数相比有什么区别,做了哪些改进
14、普通函数可以实现异步吗
html+css相关:
1、样式兼容需要考虑哪些问题
2、dom元素的两个属性 :attribute和property的区别和联系
3、如何获取dom元素
4、h5新出的特性有哪些
5、清除浮动的方法, overflow 清除浮动的原理是什么
6、css运动,音频、视频、动画处理
7、高度塌陷的解决方法
http相关:
1、请求回来的图片太大怎么办?图片想使用缓存怎么做?
2、说一下强缓存和协商缓存
3、http长连接和短连接
3、项目中发请求用什么对象(axios or fetch),axios发请求需要传哪些配置项
4、请求头有哪些? 支持跨域请求带cookies在哪个字段里面设置
5、上传文件axios应怎么包装请求体?header怎么设置 ?
6、发个带csrfToken的请求,在axios中应该则么做?
7、axios拦截器能做哪些事情?
8、谈谈对http2.0的理解
webpack相关:
1、webpack打包时用到了哪些插件,为什么要用这些插件
2、webpack在构建上有哪些优化方式吗?如何优化让打包时间减少
3、tree-shaking是基于什么实现的?(ES Moudle)使用时需要注意什么
4、单页应用 (多入口不适用) 单页应用怎么实现打包(router)
5、项目的脚手架是怎么搭建的
6、vue-cli中的webpack是怎么支持es6的语法的
7、webpack构建过程,构建过程优化方式
8、分块打包是什么意思 怎么做到分块打包
9、webpack常见配置,loader和plugin的区别
Vue相关:
1、vue中怎么组件异步加载?ES Moudle返回的是什么东西
答:使用import
2、异步加载文件下载不下来怎么处理?
3、vue-router有几种模式?有什么区别
4、beforRouter可以做哪些事情?全局钩子
5、hash和history模式的话,后端需要怎么配合你?
6、对于组件封装的理解和感受
7、怎么实现不同用户权限生成不同对应页面
8、vue的使用版本
9、vue的data函数有两种表达方式,这两种分别用于什么场景,有什么区别
10、vue中指令适用于什么场景
11、Mock数据是怎么实现的 mock.js是怎么接收到请求的 (XHR的beforesend)
12、vue中有哪些指令 怎么自定义指令 怎么自己实现v-if
13、指令是怎么工作的 ,指令在组件的哪些生命周期进行工作的
14、Object.defineProperty()里面有哪些参数,代表什么意思
15、vue有哪些内置组件,组件是做什么的 动态组件的概念
答:内置组件有( keep-alive 、slot)
16、vuex怎么定义一个state?一个state有哪些属性成员
17、在vue中怎么给新加的属性做到响应式
答:使用Object.defineProperty
18、自己使用Vue封装过哪些组件?讲一下怎么进行封装的?怎么使用的?
19、Angular使用版本,angular定义服务的方法有哪些
20、Angular数据绑定策略,mvc和mvvm
21、Angular和Vue的区别和理解
22、双向绑定原理
23、数组是如何实现双向绑定的
24、虚拟dom是怎么实现的?
25、、vue-cli的搭建,vue-cli所用版本,vue3.0了解吗?
26、vue的生命周期
27、监听钩子
28、计算属性怎么使用
29、number在哪里定义
30、路由在项目中是怎么用的
31、router的生命周期钩子
32、vuex状态管理
33、vue2.x的响应式原理
性能优化相关:
1、页面图表比较多的话滚动卡顿如何解决?
浏览器相关:
1、会话的保持机制是怎么实现,实现机制是什么
2、浏览器打开新的标签会话保持 重新打开浏览器会话失效 为什么会这样
3、web缓存的机制
面试感受:
年初受疫情影响,很多公司在招人时还是挺谨慎的,相对往年职位也少了很多,在整个求职过程中还是很慌的,当然菜是原罪。通过这段时间的面试让我知道了自己存在的诸多问题,也希望在今后通过自己的努力尽快的将劣势补足,拓宽自己的视野,前端不再只是写写样式处理处理逻辑就可以了,它已经进入到了深水区,想要今后走的更远,就要夯实基础,不断努力,紧跟技术的发展趋势。多实践总结,也希望今后自己能有机会接触到数据量大的业务,在问题中去进行性能优化。
转载:https://blog.csdn.net/weixin_38230631/article/details/106445268