我的妈啊，我愿称之为面过的最难的一家，难度不次于字节二面。场面一度十分安静，面试官感觉也是看我实在不会了，开始做题。做题前叫我稳住，题有点难，果然第一个问题就写不出来，此时脑子已经一坨浆糊了。但是面试官一直在沟通和引导，在他的引导下第二题解决了，十分感谢。

来分享一下我认为地狱级别的面经

1.所有项目里难度最大的，成就感最高的一个点

2.继续分享一些亮点

3.提到了echart数据计算上的一些优化手段，除了这些以外绘制上还有别的优化手段吗

4.Vue的双向绑定如何实现

5.React和Vue的主要差别是什么

6.React的单项数据流有什么特点和优势

7.函数式组件有什么优势

8.React有哪些状态管理的方式

9.在函数式组件里面使用hooks，他的数据驱动逻辑是什么？你如果在if else里书写hooks，为什么不可以？为什么需要保证hooks的一些调用顺序？（react没好好准备，这个时候已经有点难崩了，下面更是炸裂）

10.当你去起一个web server，这个web server需要做哪些处理，你觉得最关键的点是什么

11.（引导）输入url，到服务器需要处理请求，到获取资源。网络层面做了什么，服务器做了什么（我相信面试官不是想听那段流程八股，但我想不到别的）

12.假设你不用现成的框架，自己去写一个web server框架，你觉得你需要做什么

13.监听请求你怎么判断是否要给你返回数据

14.起了一个web server之后，一台机器能够建立多少TCP链接受到什么因素影响

好了，到这里已经爆炸啦，开始做题

Feed流首刷，服务端下发了一个内容列表items，其中的每条内容包含文字和推荐系统的预测分，客户端可以从列表中选择内容进行展示，目标是首屏展现给用户的内容，总预测分最高。​​/**​

• 屏幕高度为 screenHeight​ */​ let screenHeight: number​

class FeedItem{​

content: string;​

height: number;​

prediction: number;​

constructor(content,height, prediction){

this.content = content;​

this.height = height;​

this.prediction = prediction​

}

​}​

/**​

• 要求：每个内容卡片必须在屏幕内完整展示，不完整展示的内容不贡献分数​
• 输入：内容列表​
• 输出：首屏最高分​ */​ const getMaxPrediction1 = (items: Array<FeedItem>): number => {​ }​

/**​

• 要求：不要求内容卡片完整展示，最后一个卡片可能部分展示，贡献分数为 prediction * (展示高度/卡片总高度)​
• 输入：内容列表​
• 输出：首屏最高分​ */​ const getMaxPrediction2 = (items: Array<FeedItem>): number => {​ }

确实没接触过这些东西，真的答不上来，第一个手写我也不太会

面试官人很好，一直在引导，如果大火实力还不错其实可以去交流一下，我先挂了