前言
故事要回到九月份，受到东南亚疫情的影响，所在的业务组被缩减，我被优化了，组内的前端也从去年12份的8个人缩减至2个人。
其中三个人是主动走的（其中两个去了字节跳动，一个去了自如），三个是被优化的（一个过腾讯/字节跳动/虾皮/微众银行，选择待定，一个也拿到了20k+的offer），而我也尘埃落定，去乐信集团（分期乐）。
最大感受是学历真的很重要，一个深漂二本小开发，字节跳动/虾皮/微众银行等连面试机会都不给（直接反馈“学院”结尾的本科不给面试机会）。至此，致敬所有前22年的Loser，毕业后和自己赛跑的人。
面试情况
腾讯（挂）/ 超一线大厂
-
虚拟列表优化
-
webpack性能优化
-
svg用哪个loader
- svg-inline-loader
-
css的display的属性值有哪些
- none/block/inline/inline-block
-
除了table和flex还有哪些自适应
- Gird
- 百分比
-
算法
可参考leetcodede的第415题，我并没有写出来，面试官也没给最优的答案，因为循环一万次以上也有点low吧？
为什么写这失败的面经，因为真的想吐槽一下自己很菜，和自己做商品中心的同事都去了腾讯（一个前端，两个后端），最后遇到面试官还是我后端前同事的同事，世界就是这么巧合！
土巴兔（offer）/ 装修行业独角兽
- 假如列表li的两个key相同，是生成一个watcher还是两个watcher？
- 讲讲微前端是怎么做的？
- 开箱即用
- 然后讲一下解决的问题和原理
- Skeleton Screen（骨架屏）原理？
- 监控系统你会怎么做？
- 你们公司是怎么埋点的？
- 实现一个双向绑定
乐信集团（offer）/ 2020年互联网百强企业第56位
-
let和const的区别
-
函数式编程说说你的理解？
-
前端安全
-
怎么先冒泡后捕获？
-
跨域怎么处理？
-
继承有哪些？手写一下extends继承？
- 原型链继承
- 借用构造函数继承
- 组合继承
- 原型式继承
- 寄生式继承
- 寄生组合式继承
- 混入方式继承多个对象
- ES6类继承extends
-
性能优化你是怎么做的？
-
谈谈你对原型链的理解，下面输出什么？
-
项目的亮点和难点？
- SKU
- 骨架屏
- 长列表优化
- Vue大文件上传和断点续传
- 前端监控系统
-
一个智力考察题，看你能不能绕出来寻找到答案，担心你不懂产品的需求。
入手MacBook Pro
用这台MacBook Pro和自己赛跑的小二本深漂。
MacBook Pro使用的是苹果自研的M1芯片，程序员们纷纷担心影响开发，我亲自测试前端开发必备的一些应用！
- 谷歌浏览器正常
- node正常
- vscode正常
- 项目运行正常
MacBook Pro真香！我不讲武德了！
如果你有更多想咨询的，可关注公众号-程序员黑叔
