猿辅导斑马 前端一面、二面 面经

一面

• 自我介绍
  • 自我介绍
  • 你为什么选择前端？
• 项目相关
  • 聊聊你项目里最牛逼，最有成就感的事情
  • 在你看来，Vue 2 和 Vue 3 有哪些区别？解决了什么问题？
    • Composition API 有哪些好处？
    • mixin 有哪些问题？（这个 Vue 文档里有的）为什么 Setup API 能解决这些问题？
    • 在 Composition API 里面怎么使用 Vue 的钩子？
  • TypeScript 用得多吗？
    • interface 和 class 有什么区别？
    • （没答出来，所以没往下问）
  • 开放性问题，发散回答：
    • 你有没有尝试过在前端做异常监控？
      • 我：知道 sentry，但是没用过
    • 如果让你来实现前端监控，你会监控页面上的哪些数据？
      • 我答：页面白屏时间/资源加载时间，axios 异常，SyntaxError 等 JS 异常
      • 面试官：上面这些怎么实现？
      • 我：白屏时间用 DOMContentLoaded 来监控，axios 用 interceptor
• JS & DOM 相关
  • DOMContentLoaded 和 unload 这两个事件有什么区别？
  • JavaScript 中有哪七个基本类型？
  • typeof 的返回值都有哪些？跟原始变量类型的对应关系是什么？
  • 怎么自己编写代码实现 instanceOf 运算符的功能？
  • Promise 相关
    • Promise 解决了什么问题？
    • 为什么可以链式调用？
    • then 的返回值是什么？
    • catch 的返回值是什么？catch 可以链式调用吗？
  • async 和 await 一定是成套出现的吗？async 关键字是用来干什么的？
• 框架相关
  • vue-router 中有哪几个模式？

二面

• 问项目
• webpack 的 loader 和 plugin 有什么区别？
  • 你了解 Compilation 对象吗？
• 浏览器的缓存机制是咋样的，一共有几种缓存？
  • 不包括 DNS 缓存这种

感受

感觉基础挖得还是恰到好处的，自己大部分答上来了，少部分触及到了知识盲区，面试体验还挺不错