神策数据前端面经（三面+hr）

神策数据前端面经（三面+hr）

​ 面试的时候状态不是很好，有一些问题没记住。我觉得面试主要是看你基础，和学习方式，回答一定要条理清晰，思维敏捷。而且要看你和面试官的契合度，如果真的五行不合，你答的都不是他想让你答的点，那么就凉一大半了。

一面（技术面）

1. 自我介绍
2. HTML5语义化的意义
   1. 方便SEO。
   2. 方便无障碍阅读，对于帮助视力障碍者阅读的设备筛选重要数据有帮助。
   3. 方便开发者维护代码。
   4. 当丢失层叠样式表的时候，页面也会按照语义化布局显式。
3. 做过自适应吗？
   1. 可以用媒体查询。
   2. 可以使用rem或者vh、vw相对单位
4. rem为什么可以自适应？
   1. rem相对于body标签的字体大小，如果body的font-size:16px;那么1rem = 16px
5. em的大小相对于谁？
   1. 相对于父级元素。（当时答错了！）
6. 讲一下flex与grid布局。
   1. flex与grid是css3新增的布局属性。
   2. 分别为了解决：一维与二维的布局缺陷。
7. flex能给详细讲一下吗?如何竖向排列？
   1. flex存在两条轴：水平主轴、竖直交叉轴。
   2. 默认项目不换行在主轴上水平排列，可以使用flex-direction: column;使其竖直排列。
8. 能给讲一下原型与原型链吗？
   1. 我就按我自己博客上写的来说了。
9. 手撕代码！
   1. 第一道，实现一个原生表格的点击表头排列。
   2. 第二道，因数分解，用了递归与非递归两种方法。
10. v-for使用过吗？要不要加key属性？为什么要加？
    1. 用过
    2. 要加
    3. 为了方便diff方法的执行，diff算法的简单原理说了一下。
11. 单页面(SPA)应用的优缺点
    1. 优点：
       1. 方便开发。
       2. 用户体验更好。
    2. 缺点
       1. 第一次加载页面时，速度较慢。
       2. SEO需要服务端渲染。
       3. 添加书签需要程序支持。
12. let const定义变量
    1. 拥有自己块级作用域
    2. 不会出现在window属性中，而是在script作用域。（想不到吧，我已经被滴滴坑过这道题了）
13. call与apply的区别。
    1. 性能有差距，apply性能稍快一点。
    2. 传参不一样。
14. fetch库用过吗？
    1. 正在用fetch封装自己的个人博客的请求操作。
15. 能给讲一下服务端渲染吗？
    1. 服务端渲染，就是在服务端请求数据，让后将渲染成一个页面返回到客户端，利于SEO。
    2. 深入的我也不会了。。

二面（技术面，前端负责人）

1. 自我介绍
2. 为什么不去做后端？（感觉看了我的简历，大家都会问。。）
   1. 确实比较喜欢前端。
   2. 前端发展迅速，我不踩坑不快乐。
3. 最近一篇博客是什么？
   1. 实现vue双向绑定。
4. 能给我讲一下吗？
   1. 两种方法，Object.defineProperty()
   2. ES6新特性proxy，解决了第一种方法无法监听Array内部的问题，vue3.0拥抱了这种方式。
5. 看过著名框架的源码吗？
   1. 只看过webpack与vue的源码。
6. 框架与库的理解
   1. 我认为库就是一个非常完善的大型组件，库与框架的区别是，库是你去调用它的方法，而框架则是你在它的生命周期中写代码，让它调用你的代码。
7. react算不算框架
   1. 我认为算。。
   2. 但是面试官认为不算。。
8. 写过webpack的loader或者插件吗？
   1. 没有。。。
9. 你的服务器一般用来干嘛？
   1. 上面部署了一些好玩的，比如贴吧自动签到。
   2. 用来验证、学习新技术，我的个人博客，使用的就是https与http2.0。
10. 看过什么书？
    1. 最近在看《JavaScript高级程序设计》、《node.js深入浅出》
11. 还有什么问题要问我？

三面（VP面）

太顶了，大佬一进房间，我就觉得好猛，后来hr小姐姐告诉我，神策的VP，30岁登上福布斯。。

1. 说一下你大学吧
   1. 大一用过Java做小游戏，做了坦克大战，解决一些碰撞检测问题。
   2. 做过python图像处理，使用svm做机器学习，成功解决学校校园网登录验证码问题。
   3. 做过WPF、做过PHP、做过自然语言处理、做过机器人、写过单片机。。。
2. dict的底层实现是什么？
   1. hashmap
   2. 然后说了一些hashmap的原理
3. 有什么要问我的？
   1. 我说没问题。。前面都问完了。。

HR面

比较轻松吧，就聊天。

1. 能来实习吗？
   1. 可以，公司配电脑吗？配MAC
2. 之前面过什么？
   1. 滴滴，三面
3. 如果工作中要有很多重复性工作，来消磨你的热情你怎么做？
   1. 我希望对同样的业务逻辑使用不同的写法，（hr：希望同事们不要打死你）
4. 你好好考虑滴滴和我们。
   1. 好的
5. 我们会在中秋节过后，给你发意向通知书，毕竟现在发了你也要等滴滴的通知。
   1. 好的
6. 好好和朋友们商量一下
   1. 好的
7. 聊了聊我在高中的往事