杉数科技 - 前端面经（2022）

秋招季即将到来，发一下本该去年发的面经，供大家参考，预祝大家秋招顺利！

一面

• 自我介绍
• 哪个项目是上线的项目
• 用到最多的布局
  • 说一说flex布局的理解和flex的常用属性
• 有遇到过外边距重叠的吗
  • 说一说BFC是什么
• 用的SCSS还是LCSS
• 输入URL到展示出来发生了什么
• 说一下强缓存与协商缓存的概念
• 说一下TCP三次握手和四次挥手的过程
• 说一下TCP与UDP的区别
• axios是用的封装好的还是自己重新封装了
  • 登录注册如何实现拦截的
  • token存储在哪的
  • 怎么放到请求头中的
• 做了几种状态码处理
  • 还了解其它的状态码吗
• 常用哪几种请求方式
  • get和post有什么，什么时候使用
  • 还了解其它的请求吗
• http哪一层的协议
  • 说一下OSI七层模型或TCP/IP四层模型
• http与https的差别
• cookie项目中用到了吗
  • localStorage、sessionStorage、cookie的差别
• websocket了解吗
  • 服务器主动推送除了websocket，还有哪些方法
  • 了解SSE吗
  • 用SSE比较简单，公司的项目最开始用短轮询，后转向websocket，现在使用SSE
• 做项目的时候，跨域是怎样解决的
  • 其实用框架去跨域的时候用的不是webpack，用的实际上是node中间件实现的
• 仿知乎专栏项目，前后端都是自己开发的吗
  • 可以说一下知乎项目的设计思路吗
• js有哪些数据类型
  • 如何判断数据类型
  • 说一下instanceOf的原理
  • 说一下对原型与原型链的理解
  • 说一下对作用域与作用域链的理解
• 了解闭包吗
• 了解Promise async await吗
  • 说一下宏任务和微任务的理解
  • 从event loop来看，为什么先执行微任务后执行宏任务
  • 其实是宏任务开始伴随着一次事件循环结束，而微任务在事件循环结束前执行的
• 手动刷新与强制刷新，对缓存有什么影响
• 对ts用的怎么样
  • 用的程度如何
  • 说一说type和interface的差别
  • 二者有什么共同点
  • ts有哪几种高级类型
  • 用到过哪些类型
  • 高级数据类型就是交叉类型、联合类型这种
• 做这些项目的时候，遇到了哪些问题
  • 对于代码规范和标准，在公司开发的时候还是非常有必要的
• 提交代码是怎么提交的
• 反问
  • 技术栈
    • 主要是react，也有vue，不过只有一个项目用Vue
  • 哪些地方需要进一步提升呢
    • 逻辑和知识储备很好，基础也是很不错的
• 对后端的内容之前学过吗
• 职业规划
• 继续反问
  • 面试分为几轮
    • 三轮，一轮技术面，二轮leader面，三轮hr面
• 到现在为止面了多少公司
• 可以给面试一个评价吗

二面

• 自我介绍
• 仿去哪网实现哪些功能
• 遇到哪些问题
• 为什么选择MongoDB，用来做了什么
• 仿知乎专栏做了什么
• 发布文章的流程
• 对需求的时候，怎样判断自己有没有理解需求
  • 答偏了，重复提问：需求来了之后，如何理解自己理解的是对的
  • 深入提问：你会怎么让自己理解里面的需求
• 防抖节流怎么做的
  • 怎么实现的
• 讲一下城市搜索的业务
  • 如何判断相同或相似
  • 城市数据存在哪
• 有哪些复杂的业务
• 用node写过什么
• 学过什么数据结构
• 对于优化页面，有自己的思考吗
• 用socket做过通讯的事吗
• 主被动通信的问题，做过尝试吗
• 专业课学过什么
• 为什么没去做机器人或者算法呢
• ts能带来什么
• 反问
  • 公司的业务
  • 前端业务
  • 前端团队规模
  • 是哪个组的

HR面

• 对岗位职能的了解
• 哪些部分吸引你呢
• 在项目中承担什么样的角色呢
  • 自己的优势
• 为什么选择前端
• 没有实习？
• 毕业前有实习的机会吗
• 如何学习前端
• 独生子？
• 期望工作地点
• 性格上的优点与缺点
• 有什么offer
• 期望薪资
• offer的待遇
• 选offer，看重哪些点
• 爱好
• 遇到压力与挑战是怎么解决的
• 如何疏解压力
• 反问
  • 前端团队规模
  • 考核制度
  • 考核包含哪些部分，比例
• 三方的时间

面试体验

• 一面的面试官会详细地考察基础
• 整体而言体验不错，基础扎实的同学会具有更大优势