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. 经典：说一下原型链，类、继承
9. CSS的position属性都说一下
   • absolute、fixed、relative、static
   • absolute、fixed脱离文档流，此外说了一下z-index
10. 写UI的时候有遇到过什么难点或踩过什么坑吗嘛

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

1. 前端都是怎么学的
   • 学习了两个月，之前有别的语言，入门就很快（MDN、各大前端训练营、红宝书、b站等）
2. ts有了解过吗，说一下基本类型
3. 想走全栈路线？
   • yes，折腾过云服务器挂过脚本写过爬虫（小姐姐说你涉及的还蛮广泛哈
4. 中台感兴趣不
   • 感兴趣
5. 反问
   • 公司业务方向（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会联系你（完）