面试（更新中）
GeniusFunny
10月 30, 2019
记录自己还记得的面试，2016级本科生～
第一次投简历面试【2018.5】
腾讯
腾讯 安全云部一面（2018.5.*， 忘了）
腾讯 安全云部二面（2018.5.21）
第一次技术面试，比较紧张，面试过程20多分钟，最后问了面试官鹅厂前端生态和部门技术栈，下面是面试内容：
- 介绍一下自己，最近在看什么书，如何学习前端的。
- CSS如何实现垂直居中、水平居中
- 对CSS3了解程度，用过哪些特性
- HTTP状态码、Web缓存
- 跨域
- 介绍一下XSS和CSRF，如何避免
- JavaScript中的异步编程
- MVVM的原理
- 说说你的项目，讲讲收获大的地方。
5.17就接到了腾讯面试官的电话，问了我一些基本情况，看了我的github和博客，后面也加了微信，给了我一些很好的建议，人非常nice。（严格来说，这是第一次面试）
百度
前端技术部（2018.5.23）
这次面试也是一位小姐姐官，一开始比较紧张，后面就好多了，面试过程50分钟。在第一个问题中，面试官认为我的方法不可行（filter + indexOf），后来被认可了。因为没问我JavaScript我觉得重要的概念（原型、闭包、事件循环等）比较惊讶，然后面试官让我介绍（虽然答上了，但是下次再也不主动给自己加题了🤦️），最后我问了问她们部门的业务和生态。下面是面试内容：
- 数组去重
- 如何实现图片充满盒子
- 如何实现CSS垂直居中
- CSS3的新特性
- Flex布局
- HTTP状态码
- Web缓存
- 性能优化
- 事件流
- 用过的ES6特性
- 谈谈项目中比较难的地方
字节跳动
抖音（2018.6.*）
因为大二，校招针对大三的学生，技术面完之后HRBP联系了我
ps：19年11月的时候，18年面我的面试官联系我了～
结果
最后去了腾讯实习～
第二次面试投简历面试【2019.2】
百度
百度 多模搜索部1面 2.19
- 介绍一下自己、学习经历
- 简历面
- 拦截器是什么？为什么需要？
- 可视区域渲染？why？怎么实现？
- 你做了哪些组件，介绍一下通知组件的接口，怎么设计？
- 看个人的github？
- 实现一个轮播图？CSS动画？JS动画？
- 还有一些其他CSS的问题，都是跟图片动画相关的。
- 有什么想问的？部门技术栈？处理的业务？
百度多模搜索部2面 2.20
- 介绍一下自己、学习经历
- 简历上写着熟悉React，那你介绍一下React。React是什么？解决了哪些问题？社区的情况？与Vue的区别？Hooks的场景和解决现有哪些痛点？
- React Diff，算法描述，为什么是O(n)？
- 项目中遇到的问题？
- 给一个场景：上万条数据的处理？分时渲染、懒渲染、可视区域渲染、事件绑定
- 可视区域渲染是怎么做的，从0设计一下可视区域渲染？
- 如何优化可视区域渲染，比如做事件代理，节流、防抖、缓存、异步请求，函数的拆分&&模块的解耦
- 跨域？
- 重排重绘？浏览器内核多线程架构，详细描述一下页面渲染过程？
- 为什么从腾讯离职，不留下来？最早什么时候能来实习？
- 我问了一下部门的业务
百度前端技术部1面 2.19
- 介绍一下自己
- 谈谈你的项目，可视区域渲染？why？有没有其他的方案？为什么选择这个方案？
- 块级元素与行内元素的区别，如何让一个行内元素具有块级元素的特性（多种方案）
- Img是内联元素，但是为什么它可以设置宽高？
- 多行文本截断？
- 实现一个场景：有一些图片大小不一，如何让这些图片按同样的大小显示但不能影响宽高比？
- 介绍background-size和background-position？
- CSS的性能优化？（避免重排重绘、不使用import、绝对定位的妙用、GPU加速）
- 绝对定位与float的区别和应用
- 盒子模型，如何更改盒子？弹性盒子介绍一下？
- JavaScript的基本类型（按引用/值）？
- 0.1 + 0.2 不等于0.3，why？怎么解决？还有其他方案吗？
- 字符串转数字、数字转字符串？
- null、undefined的区别及用处？
- 严格相等、非严格相等？类型转换
- ES6熟悉吗？说说常用的，对比ES5，你觉得好处有哪些？
- 变量提升讲一下（JavaScript的作用域标识符的注册机制），let、const的区别以及为什么“没有”变量提升？
- Promise一个题，用Promise封装ajax？
- 事件流介绍一下，冒泡和捕获的区别？怎么更改事件是捕获阶段还是冒泡阶段触发？冒泡有什么场景应用（事件代理）？
- scroll事件，节流、防抖讲一下，写一下？
- 我发现你JavaScript挺好的，看了哪些书？逛什么团队博客啊？喜欢看谁的博客啊？
- 给你一个场景，一个需求到你手上，你怎么办？沟通、规划、抉择、开发、测试、上线
- 我看你Vue用的多，为什么写熟悉React了解Vue呢？
- 你觉得Vue和React的区别？
- 想问我什么呢？部门的技术栈、前端负责的职责、我来的话干什么
百度前端技术部2面 2.19
- 讲讲你的项目
- 可视区域渲染
- PWA的原理？
- github面，做了哪些项目，对开源有啥共享？有没有PR？
- mpvue的原理？编译原理？
- 如果一个页面加载很慢，不考虑代码层面，你来分析一下性能优化？
- 网络部分：合并HTTP请求？增加域名和减少域名的权衡？
- DNS如何减少解析的时间？有哪些方案？
- 使用HTTP2.0也可以加速，那说一下HTTP2.0的性能提升点？
- 既然HTTP2.0能多路复用，为什么我们还需要打包为一个文件？可不可以不打包？为什么？
- 还可以利用浏览器缓存，那说一下百度这个页面哪些资源可以缓存？广告可以吗？图片可以吗？搜索结果可以吗？
- 静态资源放CDN，CDN原理？
- 图片过期怎么办？协商缓存/强缓存？
- 可以将首页的非必须的资源分离出去，动态加载，那说说原理？
- 代码层面就不考虑了，我们换个话题，你知道jquery的load事件吗？那你说说load和domcontentloaded的区别？浏览器渲染页面的流程？浏览器核多线程架构？
- 现在你来制定一个性能测试的标准，你统计的数字有哪些？
- 如何统计这些数字？如何统计一个页面从点击到load事件触发前花费的时间？
- 你有什么想问我的吗。部门做小程序吗？你们是怎么在Hybird和NT做的抉择，是考虑开发效率和维护性吗
百度多模搜索部3面 2.25
跟经理聊技术规划、实习相关事情～
网易
一面
二面
总结
百度两个部门技术面都通过了，最后因为申请实习生hc的流程太慢，审批下来的时候已经在网易搬砖了…
第三次面试投简历面试【2019.3】
蚂蚁金服
一面（3.13）
- 自我介绍、项目经历
- Guthub面、介绍上面的开源项目
- 项目中遇到的问题
- Vue双向绑定
- React生命周期
- 单向数据流
- React组件通信，为什么不直接修改props而是要修改state？
- React更新相关
- 有什么想问我的吗？
二面（3.14）
- 自我介绍、学习经历
- 在网易实习做什么？
- 在腾讯实习做了什么？
- 可视区域渲染
- LRU算法
- 小程序相关
- Node做过的东西？有没有做线上运维？
- 过来的话想做什么方向？
- 想在哪个城市工作？
交叉面（3.20）
- 自我介绍、学习经历
- 在网易实习负责什么？
- 在腾讯实习做了什么？
- 除了实习做的，其他项目有什么亮点？
- 学习成绩怎么样？
- 为什么选择前端？你对前端是怎么看的？
- 有什么想问我的？
HR面（3.27）
自我介绍
实习经历
最有趣的事情
offer怎么选？
前任公司同事的评价
优点、缺点
如果这次失败了，你怎么看待
有什么想问的
腾讯
一面 (3.15)
- 自我介绍、学习经历
- 之前为什么从腾讯离职？
- 在网易负责什么？
- 操作系统分页置换算法？
- 可视区域渲染
- Virtual DOM提高性能？
- React Diff
- Web性能优化
- 有什么想问我的？
二面（3.18）
- 牛客网在线写题（5道，40分钟）
- 千分化数字
- 大数相乘
- 洗牌算法
- 延迟计算两题
总监面 (3.20）
- 自我介绍、学习经历
- 技术栈
- 学习成绩、课程
- 为什么选择前端？
- 库函数与系统调用
- 32位系统的内存多大，内存空间是怎么分配的，写出堆和栈的地址
- 进程间通信
- UDP和TCP的区别、应用场景
- 数据结构学了吧，描述一下哈希算法
- 描述一下编译型语言和解释型语言的特征、区别
- 对软件开发的看法
- 为什么平时没有花时间学习客户端？
- 第一次写代码的时间？
- 实习经历
- 有什么想问我？
HR面 （3.22）
- 介绍一下自己
- 实习经历
- 做过的最有意思的东西
- 查户口
- 读研吗
- 对工作地点有什么要求
- 什么时候来实习
- 还投了哪些公司
- 自己的缺点
- 职业规划
- 有什么想问的
HR面（3.27）
- 介绍一下自己
- 查户口
- 职业规划
- 有什么想问的
总结
暑期实习就投了阿里和腾讯，也都拿了offer，去了阿里
感悟
要走的路还很长啊～加油啊