一年半经验参加前端面试作业帮2面&猿辅导3面，道理我都懂，可猿辅导你3面就不能轻点虐嘛？！李不要熬夜

如果公司面试难度评估6颗星是最高的，那猿辅导相比作业帮是6颗星直接拉满，没有对比就没有伤害，不信往下看。

1、一堆看代码说输出的题就是this、变量提升、闭包、eventloop说输出的那些基础题。这些必须秒答出来且答对，基础一定不能有差错。到了这个阶段，这些题应该是送温暖的2、项目介绍3、cache-loader有什么坑，缓存错误怎么解决面试官提到，他们做一个可视化编辑页面的系统，对组件使用了cache-loader，开发中有时候出现缓存错误的文件的问题。他说他们遇到了这个问题，暂时没有解决，叫我猜想一下，可能是什么原因导致的。我说应该是开发过程中，修改了被引用模块/引用模块、或者切换git分支，需要自己删除掉node_modules/.cache或者重启devserver。4、编程题，8选3（15min）

;(()=>{constlist=newSet();functionmyInterval(fn,ms){constref={};constexec=()=>{returnsetTimeout(()=>{fn.apply(null);consttimer=exec();ref.current=timer;},ms);};ref.current=exec();list.add(ref);returnref;}functionmyClearInterval(ref){clearTimeout(ref.current);list.delete(ref);}window.myInterval=myInterval;window.myClearInterval=myClearInterval;})()functiongetMaxNumber(arr){returnarr.sort().reduce((acc='',cur)=>Math.max(+`${acc}${cur}`,+`${cur}${acc}`));}二面1、说项目，深挖2、react生命周期和diff算法新的、旧的，hook替代的。树、组件、列表三种diff(故意引话题，等他问key)3、key的作用【描述】复用元素，描述一下有key的列表diff过程(果然问了key)4、内部系统配置页面不写或少写代码的实现思路新建页面=>设置配置、db=>新页面onload=>拉配置，根据db的字段和配置渲染表格=>配置不能满足的使用装饰器劫持实现个性化=>业务代码&框架代码分离(微前端架构)5、多框架、历史页面怎么解决旧页面iframe、新页面走上面的流程，多框架使用external+动态引入

1、react生命周期介绍，怎么执行。说一下下面的组件生命周期执行顺序有这样的组件：

a.willMount3b.willMount1a.didMount4b.didMount22、reduxvscontext，为什么不用contextredux将这个过程规范化，单向数据流3、react17要做什么规划，concurrentmodeconcurrentmode、去掉危险的生命周期。concurrentmode是react重点面试题了，基于requestidlecallback实现(考虑兼容性，官方自己实现了一个)——浏览器空闲的时候做事情4、SSR，打开你们的SSR页面看看，具体逻辑、实现方式5、promise.then(f1,f2)``和promise.then(f1).catch(f2)区别捕获全部上游和捕获本次then6、()=>{}vsfunction(){}无argument、this是定义那一层、箭头可以指向返回值7、说输出

constobj={f1:()=>console.log(this),f2(){console.log(this)},};obj.f1()//globalobj.f2()//objnewobj.f1;//instancenewobj.f2;//instance8、Map/Set、WeakMap，什么作用map可以用对象做key，set做集合使用。WeakMap弱引用，防止内存泄露9、用setTimeout实现setInterval10、Node{value:number;children:Node[]}，算出树每一层节点和，输出数组

遇到了本次出去社招最难一面，也充分暴露出野生前端的不足，计算机网络知识不系统，零零散散。2面面试官喜欢挖问题继续问还能招架住，3面被虐的好惨，技术不够，胡编来凑。

对于那些每个应聘者必备的技能，必须要熟悉再熟悉，不要让基础成为自己的短板，切合上一条注重基础。而对于其它技能，深入学习其中的几个，然后想办法引导面试官提问这些方面的问题。如果面试官抛出了一个你稍有了解但不熟悉的问题。不要慌，先思考片刻。整合自己知道的，做一些合理的推测。然后在回答的时候，先表明自己不是很熟悉，但在学习其他知识的时候有接触过，简单说说自己的了解和推断。不少面试官会故意提出一些稍微超出面试者能力的问题，考量面试者的临场能力和迁移学习能力。万一，明确面试官问题后，发现自己丝毫不会，直接表明，把面试官的注意力转移到下一道题，停留的时候长了，可能会放大这道题的影响。从容应对接下来的题目，面试官不会因为一两道题淘汰一个各方面都很优秀的面试者。

其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。