人生第一次面试，紧张死我啦（）
上午面完下午就二面，很快的啪的一下就面完了

# MetaApp 前端一面面经

体验很好，面试官小姐姐超温柔让我不要紧张 x

1. 说了下项目
2. 一个超极长的列表 往下滚动的时候想让它不卡顿，但又能很及时的显示出来，怎么办？
   • 没答出来 qwq 就说了监听滚动事件，计算然后渲染，小姐姐说可以用 div 占位，更新数据
   • 标答：虚拟列表及其原理
3. 一个大 div 包裹着三个小 div，如何实现居中，里面的文字如何实现
   • 答了 flex、text-align 和 vertical-align（没听太清）
4. 你说你在学 react，讲一下 react 吧
   • 组件化开发、父子组件通信、ref
   • 失算，居然忘记说 virtual dom 和 diff 了 qwq（不过 diff 提了一嘴）
5. 你简历上提到了 es6，说一下 var、const、let
   • 答完，追问 变量提升了解过吗
   • 答了 var 会变量提升，const、let 不会，const 定义的变量必须被初始化且不能修改（但如果是对象的话只要不改对象地址就行）
6. JS 的基本数据类型（老生常谈）
   • null、undefined、Number、String、Boolean、Symbol、Object
   • 提了一嘴 typeof null 为 Object 的诡异事件
     • 讲一下？历史遗留问题，null 机器码全为零所以被误判成 Object 了，null 其实有点类似 c++ 里的零值指针等巴拉巴拉
7. 说一下 async 和 await，有在什么地方遇到过
   • 文件上传等异步操作，解决回调地狱（小姐姐深有同感）
8. 经典：说一下原型链，类、继承
   • 正好这几天在看红宝书，有总结：深入 JavaScript 学习之路（一）原型链与继承_cos 的博客
   • 类其实就是语法糖 ovo
9. CSS 的 position 属性都说一下
   • absolute、fixed、relative、static
   • absolute、fixed 脱离文档流，此外说了一下 z-index
10. 写 UI 的时候有遇到过什么难点或踩过什么坑吗嘛

• 外边距塌陷、背景图片设置（挖坑了）、盒模型
• 现在想想应该说弹出层的实现，ref

11. 前端都是怎么学的
    • 学习了两个月，之前有别的语言，入门就很快（MDN、各大前端训练营、红宝书、b 站等）
12. ts 有了解过吗，说一下基本类型
13. 想走全栈路线？
    • yes，折腾过云服务器挂过脚本写过爬虫（小姐姐说你涉及的还蛮广泛哈
14. 中台感兴趣不
    • 感兴趣
15. 反问
    • 公司业务方向（toB、toC）
    • 入职时间（小姐姐说她不清楚她是技术面）

总之体验非常好，小姐姐说我答得很好两个月这样不错了（这是称赞吗怀疑）

刚结束二面电话就来了，好家伙，转到中台全栈 Web 实习咯（说是 hr 把我当 22 届的给前端了，但是前端没实习岗）
项目倒是没咋问。

# MetaApp 二面 中台全栈 Web 实习

当天下午就面了，1 小时

• 自我介绍

• http 和 https 的区别

  • 讲了非对称加密

• TCP 和 UDP 有了解吗？

  • 讲了可靠与不可靠
  • 追问哪个发送数据的效率更高呢？
  • UDP 有什么应用场景呢？

• http 响应码大致说一下

  • 讲了 200、301、302、304、400、401、402、403、404、409、500、502、503

• 两道算法（中等、简单）

  • 数组中有很多数，拼接起来能得到的最大数是什么：179. 最大数 - 力扣
    • 提到了重载排序规则（挖坑 ×1）但是没抓住重点，排序规则应该重载成 a+b > b+a（字符串形式）
    • 刚刚这个数组提到了排序，归并排序讲一讲
      • 有点忘了，讲完说了一嘴最近写过的是快排于是又让我讲讲快排
      • 快排嘛，就选主元把主元挪到恰当位置使其左边的数都比其小右边的数都比其大
      • 排 10 个数，会选归并还是快排？
      • 快排什么情况下会达到最坏？
        • 数组已经有序或者所有的元素都相同等极端例子，可以通过随机主元来优化
      • 快排和归并排序稳定吗？
        • 快排是不稳定的，归并是稳定的。（然后追问为啥稳定？）
  • 扑克牌顺子判断 （其实说的是同花顺，我理解成顺子了不过顺其自然了）剑指 Offer 61. 扑克牌中的顺子 - 力扣
    • 这个倒是过得很顺利（

• 问项目：有遇到过什么问题呢

  • 服务端 跨域问题
  • 文件上传 OSS、ws 实现在线用户数检测
  • Sequelize 嵌入原生查询的问题
  • 解决之后就感觉没什么难的了

• 跨域问题怎么解决的？

  • 服务器上我配置了个 Nginx 反向代理，然后 use 了一个 koa-cors 中间件解决

• 跨域到底是怎么产生的呢

  • 浏览器同源策略，顺便说了下常见解决策略（cors、jsonp、proxy 代理等）
  • 还想讲下为什么用同源策略呢面试官说不用讲那么详细了下一个（

• 面试官：假如我来写服务端你来写 Web 端，出现了跨域问题，最好的策略是由我来解决还是你来解决

  • 一般让后端解决，配置一下 cors 就好了，前端的话还得用 jsonp 等（面试官的回答）

• 文件上传遇到了什么问题呢？

  • 巴拉巴拉巴拉巴拉，完
  • 选 OSS 是为了节省服务器空间是吗

• 你提到了 ORM，（然后面试官讲了一下，没问问题）

• 后续规划等

  • 项目完善完善，提升提升技术，以后走全栈路线等巴拉巴拉

• 反问

  • 部门主要做什么业务
    • toB，比如你面试的时候做的那个笔试系统，对内的业务
    • Java、Node.js、Python 等，Java 用的比较多

• 我这边呢这边是认可你的，我这边是没有问题的，后续流程 hr 会联系你（完）

我贼能扯，叉腰。