前端面试总结——记录一次真实面试经历

前端面试问题总结——记录一次真实面试经历

背景说明

初入上海，面试前端工作，记录一次面试经历。
ps.没想到关注CSDN这么久，第一篇博客会写面试经，哈哈（无语）…

自我介绍环节

不说废话，直接进入技术面（人事一面问题大家都知道，这里不提了）。给我面试的是两个面试官，一个问一个记录。
主要问的问题如下：

1. 简单做下自我介绍；
2. 为什么来上海找工作；
3. 介绍一个你最能拿得出手的项目（这个是自我介绍环节最最最重要的一点，一定要提前准备好一个项目，不然真的会慌，做了项目不少，突然让说一个真的有点难（特别是对于有点强迫症的我））；

基础技术相关

主要针对前段三大件（html、css、js）

1. H5新增了什么；
2. 盒子垂直居中，如果盒子高度不确定怎么做到垂直居中；
3. 讲一下flex布局；
4. 用过canvas么？echart熟悉么；
5. storage了解么（SessionStorage和LocalStorage的区别）；
6. Session和Cookie的原理、区别；
7. 什么是跨域？怎么解决；
8. es6的新方法用过哪些，箭头函数和普通函数有什么区别（除了this指向）；
9. js扩展运算符主要应用在项目的什么位置；
10. 写一下数组去重的代码（直接手写）；
11. jQuery和ES6怎么遍历数组；
12. less和sass用过么？说一下用法；
13. git用的多么，是命令行还是图形化界面。

框架相关

面试的公司用的Vue。

1. Vue-cli 用的那个版本；
2. webpack有什么作用；
3. 什么是响应式数据？怎么添加响应式数据；
4. 计算属性的原理；
5. 计算属性和watch的区别；
6. 组件怎么通讯；
7. vue-router介绍一下，具体怎么配置；
8. 怎么让css样式只在当前组件起作用；
9. 用过promise么，async和await的作用；
10. nodejs了解么，express怎么配置路径跳转（简历上是写了会用nodejs的，并且熟悉express框架）。

总结

这次面试也发现了自己的一些问题，框架用的太多（忽略了基础），编辑器太智能，很多方法知道，但是手写不出来。总的来说还是要加强对基础技术的熟练度，好的基础才能更快的学习前沿技术，特别是一些框架和库的底层原理，之后才能更好的优化项目。