这已经是复活面了，之前一面完直接秒挂，这次至少目前还活着。 先是个人介绍，这个面试官比较直接，在我介绍到第一个项目的时候就开始问问题了，后面就直接开始拷打项目了，没让我接着往下讲。不得不说，这个面试官的风格就是极具侵略性，会对着你的一个失误猛攻，有些人可能会慌，我的经验就是平常心对待，反正我就是个正常人，我又不是超人，犯错是很正常的事情罢了。  Vue-Router的几种路由方式  hash模式和history模式   SPA是什么，和MPA的区别，有什么缺点？怎么优化？  单页面应用/切功能不需要跳页面/首屏速度慢/SSR   为什么SSR可以优化，别的不可以吗？  SPA慢是因为渲染需要j...

前面一面问的技术方面的问题比较多，二面开始主要关注项目了，好像美团都是这样的，先是自我介绍然后开始聊项目  接触前端的契机，开始学习前端的时机 前端的学习路径  简单讲了一下前端的三大件，再到Vue和React   DOM BOM和BOM的API  聊了一下history api/Vue-Router的history模式和#模式   浏览器渲染网页的过程，以及浏览器的组成  八股复读   在这个组成下，如果我不想用js去处理交互逻辑，而是想用java/C++，我该如何才能让他们在浏览器里跑起来？  应该提供对应的运行时，就像JS能在浏览器里运行是因为有V8引擎，想要别的语言能跑起来还需要提供对...

后续更新：我真tm服了😅，先面试后笔试的结果就是面完一面都约二面了结果笔试挂了，这笔试死难不难的过了一半就直接挂

总体体验很好，团子永远这么暖，面试官笑眯眯的，有些答不上来的也不纠结，春天面暑期实习的时候就感觉团子的面试体验是最好的，我觉得他们内部肯定对面试官有培训，而且面完了一个小时就打电话约二面了，我爱团子😇。 一开始没让自我介绍，只让我介绍了我认为成熟度最高的一个项目，项目里用了 GSAP 的动画库，就从动画开始聊起了  你了解 GSAP 的动画是如何实现的吗  用 js 实现的动画，具体的不太清楚   还有什么方式？  css   Three.js（项目里用了）可以做动画吗？  可以，镜头调度或者物体移动都可以实现动画效果   CSS 动画， JS 动画和 Three.js 动画有什么区别？  ...

总体面试体验还行，就是面试官也不开摄像头，然后问的问题都比较浅，很喜欢问一些开放性的问题，也没有手撕，不知道是不是一面的原因。  在你写的项目中，觉得比较有难点的是哪一个（开放问题1）？  聊了一些项目里的异步编程debug/防抖功能   发现我项目里的输入框搜索tag不能带井号，就聊到了前端网络安全的问题  聊了前端可以做一些转义和过滤，但是考虑到用户可能绕过前端直接通过接口发送请求，所以主要的安全工作比如防止sql注入之类的都要放在后端完成   进一步的问了存储型的需求怎么避免出现安全问题，举例QQ可以用特殊字符做昵称，怎么避免SQL注入？  转义   项目难点里聊到了异步debug，那什...

面经 一开始简单聊了一下项目，问我 react 和 Vue 哪个比较熟，我说 React，然后就开始问我 React 面经了  React 有哪些 Hooks？  答了useRef, useState, useMemo, useCallback   你了解类组件的生命周期吗？  只用过函数组件，没答上来 其实跟 Vue 一样，挂载/更新/卸载（同时也提供一些生命周期钩子）   对于 React 的组件，我希望在挂载之后执行一段逻辑，应该写在哪儿？  写一个 watchEffect，放在回调里，依赖数组传一个空的   那如果希望卸载的时候执行呢？  在这个回调的 return 里写一个函数体  ...

总得来说面试体验还可以，面试官一开始问了项目上的一些实现，看来是真的看了我的项目；手撕一道队列实现一道防抖，都很简单，就是防抖写起来还是不太熟练，需要更熟练一点；css还是有待加强   一开始问了一些项目上的东西，比如某个部分是如何使用flex进行布局的   讲讲 html5 有哪些新特性？  就答出来图片懒加载和语义化标签 还有新的表单控件和属性：如email、url、number等输入类型，required、step等表单属性 多媒体支持，如audio和video标签 新的图形和多媒体API，如Canvas、WebGL、SVG 本地存储和离线支持：LocalStorage, Session...

总体面试体验还不错，由于面试只有半个小时，没有手撕环节，感觉面试官对我的项目不感兴趣，就是猛问八股为什么选择前端？离用户更近，个人喜好箭头函数和普通的函数有什么区别箭头函数是ES6新增的特性，没有自己的 this，它的this和外层定义它的环境一致，所以特别适合用作回调函数，同时也因为这个原因，所以不能使用它定义类（主要是因为箭头函数没有prototype）没有arguments对象，可以使用…args代替那箭头函数的this是什么时候指定的？静态编译的时候指定（准确来说是函数定义时指定）那可不可以用call和apply调用箭头函数？不可以，因为要传入this实际上是可以的，只是不能改变thi...