2020春前端面试记录

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缓存的机制

面试感受：

年初受疫情影响，很多公司在招人时还是挺谨慎的，相对往年职位也少了很多，在整个求职过程中还是很慌的，当然菜是原罪。通过这段时间的面试让我知道了自己存在的诸多问题，也希望在今后通过自己的努力尽快的将劣势补足，拓宽自己的视野，前端不再只是写写样式处理处理逻辑就可以了，它已经进入到了深水区，想要今后走的更远，就要夯实基础，不断努力，紧跟技术的发展趋势。多实践总结，也希望今后自己能有机会接触到数据量大的业务，在问题中去进行性能优化。