同程 前端一面 面经

一面1. 看代码说输出   ```js   function F() {}   Object.prototype = function a() {       console.log('a');   }   Function.prototype = function b() {       console.log('b');   }   var f = new F();   f.a();   f.b();   F.a();   F.b();   ```2. 看代码说输出   ```js   var a = 123;   function a() {}   console.log(a);   ```3. new 的原理4. 手撕：bind 实现5. 手撕：判断回文串、去掉一个字符判断回文串二面1. 看代码说输出，有点忘了，题目有点长…2. 手撕：正则   ```html   文本1文本2{{文本3}}文本4文本5{{文本6}}   替换为：文本1文本2文本3文本4文本5文本6   ```3. 给定一个 html 文件，设计虚拟 dom 解析器（本来要我手写的，后来半天憋不出来说了大概思路就说那这题先过了）4. 实习5. 项目中的难点6. 手撕：异步并发限制三面1. webpack 打包流程2. webpack 优化3. 手撕：第 k 大的数（快排的变体…脑子瓦特了当时没想起来，面试官原本出的异步并发限制，脑子抽了说上个面试官出过了然后给换的）应该不止这些，但是想不起来了二面面试官超级好，一直让我不要紧张，说一面面试官给我的评价很高，心中暗喜，然后三面直接拉了坨大的

楼主秋招已经结束了，之前泡池子期间不敢发出来，所以打算等秋招结束后总结发出来，能在未来给大家参考。因为时间有些久远，楼主只能将当时的一些记录发出来，有些细节的地方可能不清楚，仅供大家参考。时间：1h自我介绍。你觉得为什么会引入前端框架呢？框架的作用是什么。Jquery写的代码一定比用React写的代码性能更好吗？手撕两道题：实现 JS 函数式编程中的 compose 函数（可接收多个 function 用于组合，执行顺序从右到左，前函数的执行结果作为后函数的入参）实现一个观察者模式 Observer 类。$on 注册监听事件，$emit 广播事件，$off 取消事件监听，注意: $off 可以...

一面1. 为什么选择前端2. 实习经历3. 跨域4. JSONP 的具体实现5. mobx 是什么，什么时候会使用6. markdown 解析器除了正则表达式实现以外还有什么实现方式7. session 和 cookie8. interface 和 type 的区别9. fiber 架构10. 对一个组件同时修改文字和背景，会不会出现其中一个修改成功，另一个修改失败被中断的情况11. 为什么 hooks 不能在条件分支和循环中使用12. map 和对象的区别13. 看代码说输出：this 指向问题14. 手撕：数组扁平化15. 手撕：忘了...挺简单的一道题二面1. 用的 React 什么版本2. Fiber 架构3. 对于一个执行时间很长的任务来说，Fiber 是怎么对它切分时间片的（答了 fiber 的链表结构说不对，不知道面试官想要什么回答）4. 浏览器一帧大概是多长5. 状态管理组件的好处6. 子组件与祖先组件之间的通信方式7. useContext 的弊端是什么8. 父组件重渲染如何防止子组件重渲染9. 事件总线在使用的过程中遇到过什么问题10. 如何快速区分宏任务和微任务11. 现在和以前的事件循环实现12. 学前端多久了（不敢说实话，说了半年但是面试官还是觉得少了）13. 怎么学习前端14. 如何检验自己的学习深度二面无寿司，20分钟结束，寄到奶奶家

自我介绍h5 css3 新特性 （很久没被问这个了没答上）实现水平居中双飞翼布局（感觉都是必考题了）箭头函数和普通函数的区别基本数据类型react的组件通讯讲讲性能优化问了项目怎么做的自己做过的自定义hooks（不知道有无get到点）react生命周期（不会）反问：简历问题（千篇一律，没难度深度）实习生工作，有师兄师姐带教，业务广