360前端星计划（360企业安全）面经

昨天一面，今天二面，明天HR面。都是现场面。

一面

一面基本就是在聊项目，会根据你聊的东西深入问很多细节方面的问题，接着根据你的陈述让你思考一些更加通用性的问题，整体的面试氛围更像是连续的“交流”，我和面试官都在白纸上写写画画阐述自己的思路，而不是单纯的面试官问你各种问题。体验可以说是目前面过的最好的了。面试时间大概在40分钟左右。

1. 自我介绍
2. 聊了聊测评时的两个题目的思路，怎么优化（这里其实聊了很久）
3. 重排和重绘？如何优化？
4. 项目里自己实现的图片懒加载怎么实现的
5. 如何实现一个通用的图片懒加载
6. 项目里自己实现的前端路由和全局状态管理怎么实现的
7. 如何设计通用的前端路由？如何增加路由前后的钩子函数？
8. 项目里的虚拟滚动怎么做的？
9. 如果让你实现一个多级菜单的虚拟滚动，你如何实现？
10. 聊聊手绘稿生成html的项目？
11. 项目里前端做了什么，如何实现的？
12. 哪里人，为什么来参加前端星计划
13. 参加星计划有啥收获没
14. 有什么想问我的？

二面

二面是部门leader，面试体验也非常好，面试官也是循序渐进，一边思考一边交流。可以看出面试官并不是事先准备了各种问题挨个提问，很多问题聊起来面试官也会思考，和我交流想法，最后就像是我们一起思考出来的一样。

1. 觉得前端星计划怎么样？
2. 有什么收获？（我着重说了浏览器渲染原理的那节课，老师确实讲的贼好）
3. 聊聊浏览器的渲染原理
4. 如何优化首屏渲染
5. 首屏白屏了，可能是什么原因，如何解决
6. 课后有没有深入了解？（自己看了一下Google的“关键渲染路径”那篇博客）
7. 什么是关键渲染路径？如何优化？
8. SVG是什么？为什么要用SVG代替图片，有啥好处？（上一问自己说了用SVG代替简单图片）
9. SVG和canvas、图片三者来说，各有什么特点？
10. SVG和图片哪个效率更好？（我猜了图片，因为我猜SVG还需要计算成像素才能渲染，图片可以直接渲染）
11. 你猜的对，那么为什么还要用SVG？（这里我说了几个但是都没答到点子上，最后面试官指出在于位图和矢量图的区别）
12. 聊聊你修复的那个i-view-admin的bug？
13. 来做两道题吧（内心：QAQ为什么我的二面永远都离不开做题，上次微众二面也是手撕两个代码题，别人都是聊人生）
    1. 在一个很大的棋盘上，全部都是白格子。现在我涂黑了一些格子，形成了一个闭环，请设计一个算法来数出被黑格子包围的白格子的个数。
       这个...自己说了几个思路，每说一种面试官都会思考一下，然后去提一些反例，然我继续想一下有没有更好的办法。后来算法逐渐完善，面试官继续追问可不可以优化，避免最差情况下遍历全部白色格子，想了一下说出来一种最差情况会遍历所有符合要求的白色格子+黑色外边的一圈白色格子的算法。面试官就把这道题过了。看起来面试官也没有提前想好答案，更像是在和我讨论这个问题如何解决。
    2. 有两个矩形，知道他们左上角的横纵坐标以及宽、高，请写算法判断他们是否碰撞。
       这个问题...我说了一种判断方法，面试官让我想能不能简化，想了很长时间...从式子的角度用三目运算符缩短了一下判断条件，然后面试官说不是让我从式子角度缩短，希望我换个思路...我想了想说了一下判断两个矩形的中心点之间的距离的方法...面试官很快指出方法不对，并举了反例...（其实如果是两个圆形的话可以用上面的方法判断）然后面试官就直接告诉了我他的思路...问题结束
14. 看你会java啊，来说一下java的反射机制？（TAT我不太会啊）
15. 你有什么想问的？

总结：360前端星计划真的特别特别棒，能和大佬们面对面交流，真的体会到大佬们思考问题的方式以及知识的深度都令人仰望，而且安排的现场面试体验也贼棒，完全没有其他大厂面试官对着题库挨个问那种感觉。2020年4月份在牛客网搜索“360前端星计划”来考虑是否参加的同学们，看到我这个，赶紧报吧！