双非硕拿下美团技术岗｜面经

一面(1h15m)

1. 如何理解pytorch、tensorflow 这些框架 
2. 搞深度学习研究的时候会看一些别人的论文或者代码吗
3. 讲一下前沿的一些深度学习的研究
4. 训练时对对话有什么处理吗
5. 对前端后端的理解
6. 算法题一：122. 买卖股票的最佳时机 II
7. 讲一下盒模型 IE盒模型  标准盒模型 
8. clientWidth/offsetWidth/scrollWidth
9. position的取值 absolute、relative 、fixed、static、sticky 、inherit 反问：如果position是 static的话，设置top、left 会有效果吗

10. 水平垂直居中

11.背景（上题我说的是justify-content用来水平居中，align-items 用来垂直居中），面试官就说其实不一定justiy-content就是水平吧，我说啊对对对，是看主轴的方向的，然后就问了主轴方向由哪个属性确定，有哪些取值，分别是什么含义 flex-direction:row/row-reverse/column/column-reverse  子元素如果是12345问有reverse的效果 54321  又问如果4上order:0其他order:1 的效果 45321 又问flex实现伸缩的效果

12.animation/transition 

13. 文本自动换行

14. 讲一下你知道的ES6新特性

15. js的数据类型 

16. 数据类型的判断方式

17. 判断this的指向

18. 事件模型 事件冒泡 事件捕获e.targete.currentTarget 事件代理

19. 输出，问原因 setTimeout(() => console.log(1)); console.log(2); Promise.resolve(3).then(console.log)

说了eventLoop事件循环机制，微任务和宏任务等等 接着问那微任务宏任务有哪些  

20. Diff算法 

21. Vuex 是响应式的 改变 store  中的状态的唯一途径就是提交 (commit) mutations。 数据管理复杂情况下使用

22. 那不复杂情况下的组件通信其他方式（eventBus、props 和$emits、ref、provide 和inject依次介绍）

23. Vue SSR

24. data为什么是一个function（数据污染）

25. computed和method区别

26. Webpack loader和plugin

27. 知道的性能优化方式

28. 算法题二：数组扁平化[[1,2],3,  [4, [5,6]] =>  [1,2,3,4,5,6]

29. 浏览器安全XSS和XSRF 

30. HTTP2.0

二面(50m)

1. 研究生的课题都是和算法相关的，为什么会选择做前端

2. 你理解的前端岗位主要是做什么

3. 你觉得作为一个前端工程师需要具备哪些技能

4. 你有在看什么技术博客吗

5. 最近在学什么新的技术

6. 介绍一个Vue这个框架

7. Vue的双向绑定

  a. vue2和vue3的双向绑定的区别

  b. vue2新增或删除key值怎么监听

  c. $set和$delete怎么做的

  d. 对数组进行重写重写了哪些方法

8. 除了Vue，react 有什么了解吗

  a. 扯到了vue3的compositionAPI 借鉴了React Hooks，就问了我

    ⅰ. compositionAPI的使用

    ⅱ. 使用的场景

    ⅲ. 和mixin的区别

9. 挨个问前端项目，难的技术点，问的挺细的，需要展开细说，最后问了觉得不够好需要优化的东西

10. 因为我说了我那项目没用户逻辑，就问了我用户登录有哪些实现方式

答了cookie+session， token， JWT，并详细介绍了流程，就接着问了我说的这三种哪个比较安全（我不知道）

11. 还知道哪些前端安全的知识（XSS，XSRF ，CSP）

12. 问科研项目，实现细节，创新点（用我能听懂的语言介绍一下，一顿输出）

13. 写代码

  a. 防抖

  b. 节流

  c. 金钱格式化（12345678.90 => 12,345,678.90）

一面就是目前组里的同事，二面是现在的leader。我是实习转正，所以没有hr面，直接offer call了。