滴滴前端三轮面经
一面和二面都是视频面,三面是现场面。 从内推滴滴到三面结束,持续了一个多月。
这里贡献出面经
一面:
1. 判断变量的类型
答:typepf instanceof Array.isArray Object.prototype.toString.apply() 最后一种比较重要
2. 手写深度复制
答:其实没有什么深度复制,只要不考虑对象的原型都可以当做浅递归。问了面试官,要考虑到特殊的RegExp,Date,Function类型,以及原型吗?面试官说不用. 普通对象可以用JSON.stringfy JSON.parse 复制
3. 手写代码:字符串包含(判断一个字符串A的字符是否出现在另外一个字符串B)
我用了最粗暴的方式循环遍历判断,问我有没有其他优化的方法。后面想到去重的时候,经常借用一个临时对象,把B的字符串逐个做对象的key。判断
4. redux的用法
二面:
由于网络不好,视频面的时候,经常断开。感谢面试官主动打电话给我。完成电话面试
1. 项目中问到了koa2。就问了我什么是中间件?koa2中间件和express中间件使用方法的区别
2. 为什么要使用redux。
这里我自己把redux的原理和如何使用说了一遍
3. react-router的原理。其实就是问前端路由的实现原理。面试官有深入问。
4. 由于简历写了了解Nodejs的底层原理。问了Node.js内存泄漏和如何定位内存泄漏
常见的内存场景:1. 闭包 2. http.globalAgent 开启keepAlive的时候,未清除事件监听
定位内存泄漏:1. heapdump 2. 用chromedev 生成三次内存快照
5. Node.js垃圾回收的原理
新生代(from空间,to空间),老生代(标记清除,引用计数)
6. 如何解决早期IE浏览器中垃圾回收中循环引用的错误
三面现场面:
1. 项目中问了fastClick解决浏览器点击延迟的错误,问了我浏览器点击屏幕,事件的触发顺序
2. fastClick的原理
3. 手写一个Promise的原理。要求真正实现异步。
这里我想用setTimeout来实现异步,面试官让我回去看看Promise的源码,源码的实现是没有借用setTimeout
4. 后面问我异步有几种
硬异步:IO异步,借用了Node.js的libuv层和底层系统的线程池
软异步:setTimeOut,setInterval,process.nexttick(), setImmediate() promise()
5. 异步触发顺序
macroTask microTask
6. Node中stream流
7. 两个栈实现一个队列,要求实现入队和出队
8. 缓存
这里我介绍由近及远介绍了缓存:内存缓存,Service worker 缓存,Http缓存(里面又包含强缓存和协商缓存),http2.0 主动push缓存
9. web安全和性能优化
一面和二面感觉还好,三面让我不用setTimeout来实现异步,卡了好久。还是希望自己能过。