美团外卖配送事业群 一面

[Amybiubiu]

一度面不下去的一场，断网3次，没有什么八股文，很多编程和广度比较大的问题，以至于期间必要要靠喝水来缓解一下，“可以让我喝口水吗”端起水杯开始喝水。

• 自我介绍
• �你的 h5 项目为什么要就近推荐？学校的人不是知道哪个食堂离自己近吗？你们团队的定位是怎样的？你们开发产品的出发点是怎样的？你们产品经理的角色是怎样的？
• react 与 原生 js 比较一下？你觉得 react 替我们做了什么事？
• 一道编程题

// 要求实现点击 li console.log('1/2/3/4')
// 用原生和 react 分别实现一下
// 如果是 li 节点是可动态增删的，要怎样事件绑定？他说是 ul 处 target xxx 就能适应动态了。 
<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
</ul>

• 由上题引发出的问题？为什么必须要有 key 值？
• 一道编程题

// 要求三个函数同步执行，执行的结果存入数组。
let res = []
function a(){}
function b(){}
function c(){}

• 一道编程题，你平常是怎么网络请求的？写一写？那个 fetch 是怎么封装的？
• ajax 和 fecth 的区别？如果我对 ajax 用 promise 封装一下的话？那它们还有什么差别？
• 讲一讲你做的比较难的组件？如果你把整个中英文本的 object 对象全部传入的话？那它不是每次的参数都有一堆不需要的值？它需要的只有对象里的某一个？那它不是要每次状态变化的时候 render 一遍？为什么不按需传入？（怎么按需传入？？？现场思考一下按需传入怎么搞吗？还是追问你的按需传入是什么意思）
• 由上一题引出的？你知道 react 有什么优化的方式吗？React.Memo 是怎么工作的？（答到这里，整个人脑子都不好使了，没有完整的讲，直接省略成了 react.memo 让我可以进行正确的相等性比较而不是引用比较)
• 你平常是怎么学习前端的？
• 反问

[Amybiubiu]

• 关于那个原生 js ul 和 li 的问题
  就我熟悉的原生的 js 我是没对 ul 用过 target 做，然后我目前还没查 target 的做法（参看事件委托)，但是我复习了一下原生 js，完成可以在对 li 做添加的时候，就对这个新添加的 li 进行事件绑定，虽然这不是面试满意的答案，但这应该是能想到的。。。

[Amybiubiu]

• 在 promise 上已经失败了无数次了
  • promise.all API
    promise 的 API 还不少，还有其它。问的多的可能是
    • race （某个promise解决或拒绝，返回的 promise就会解决或拒绝。）
    • all
    • any 返回第一个成功的，全失败，返回失败值的数组
  • promise 错误处理
    有显示抛出 throw 、显式拒绝 reject、隐式抛出（语法错误），这些都能被 catch
  • promise 状态获取
    一般不能直接查询，需要自己做一些封装，但发现 promiseAllSettled 这个API 是可以查询状态的