小米前端面试、字节跳动前端面试、百分点前端面试-面试总结

小米前端开发面试(社招，南京)

小米面试问的问题都会涉及到具体的原理，每个技术点都要求深入的理解。小米的前端社招面试基本会经过四轮技术面试，面试通过之后HR会和你联系询问你的薪资期望，之后小米会有两天左右给你定下最后的薪资水平。
HR再次和你联系薪资，若你可以接受，之后会有一个一周左右的offer审批流程，据说在这个流程中可能会存在被驳回、不通过的现象，所以HR建议你减少风险手里留一个别的公司的offer。一周左右的时间，小米offer终于下来啦！！！即将开始我新的征途~
去面试小米的前端同仁们，希望、这份面试记录对你们有所帮助
电话面试
1、实现垂直居中的几种方案？
2、b嵌套的a标签设置margin-top:60px;结果出现b页面margin-top=60的渲染结果，原因与解决办法？
3、手机端实现1px的边框？
4、手机端你如何引入@1x @2x @3x的图片？
5、js事件循环机制？以及与nodejs事件循环的不同？
6、js 闭包的理解？使用场景及原因？
7、js let const var的差别？
8、js 与原生app交互的方式？
9、js事件委托？div中有多个image时，如何监听、所有image加载完毕的事件？
10、跨域解决办法？jsonp的callback=function 如何定义多个请求的返回函数？
12、frame解决跨域问题？
13、浏览器强制缓存、协商缓存以及对应的优先级
13、react hook函数
14、react生命周期分阶段介绍共呢关于使用场景？
15、vue的data为什么会涉及成function形式？
16、promise是同步的还是异步的？实现原理？
17、一个div里面有n个img如何监听img全部加载完成的事件？

一面
1、flexbox实现两边等宽，中间自适应
2、手机端自适应方案
3、Object.create(proto[,properties]) 与 new的差别
4、js eventloop?微任务与宏任务的差别
5、node eventloop？node处理I/O阻塞怎么做的
6、this指向题目？方法调用，函数调用的this指向问题
7、redux实现原理?
8、npm install 如何通过 package.json 安装最优依赖文件的
9、webpack 脏数据处理
10、实现一个 instanceof 方法
11、promse async await的任务执行机制案例
12、react fiber的逻辑原理
13、nodejs中setimmdiate、io阻塞的解决方法
14、window.performance 的使用？计算页面加载时间
15、性能优化做了什么？你们项目中使用到的独到之处的性能优化方案
16、babel工作原理

二面
1、返回数组中三个数相加为零的集合？如何优化？
2、flexbox简要的说明一下？flexbox实现一个两边等宽中间自适应的布局？
3、讲述js的数据存储、eventloop机制
4、手写函数防抖
5、contentLoad load 区别
6、react：v-key的用处？如果只是设计成index会有什么影响？
7、手写事件委托？
8、https是什么？https的ssl是在哪一层生效的？https的具体步骤？
9、tcp/udp三次握手？为什么需要四次挥手?
10、request组成？请求行有什么信息？
11、get/post的差别？本质差异是什么？http有多少请求方法？
12、http2.0的差异？消息帧是如何排序的？（浏览器算法）
13、requestAnimationFrame在eventloop中的优先级？手动实现requestAnimationFrame方法…
14、url输入到浏览器渲染的整个过程?详细过程（从缓存到域名解析到tcp/udp到消息传输、渲染-从dom tree到css tree到layout到合成层到…<推荐书籍-life of a pixel>

三面
1、js原生拖拽实现？以及如何保证被拖拽元素A的占位？拖拽A元素到B元素时，让B元素平滑动画到A之前的位置？
2、left、translate的差别？选择哪个使用？为什么？
3、composite是什么？设置了z-index的元素会单独成为一个合成层么？
4、GPU主要做了什么？网页最后的渲染是CPU还是GPU?
5、手机端项目与pc端项目需要多套样式，你们是怎么做的？@media你主要用了那几个属性？
6、nodejs用过最复杂的场景是什么？
7、箭头函数this指向？箭头函数在哪些场景不可用？
8、为什么使用jest单元测试？如果一个被测试的函数需要一些其他模块应该怎么办？
9、vue和react的区别？从UI展示、做大型应用两点做总结？
10、图片格式有哪些？哪些图片可以设置背景透明？svg是矢量图还是位点图？
11、createDocumentFragment（）了解过么？
12、target、currentTarget的区别？(一个是触发事件，一个是绑定事件)

百分点前端面试

一面：
1、react各种生命周期
2、react两个无嵌套关系的组件如何互相影响？除了react生命周期与redux？
3、跨域实现方式？nginx如何配置的跨域？
4、setState是同步还是异步？为什么会这样？
5、webpack路由懒加载如何配置？
6、webpack工作原理？
7、蚂蚁金服redux框架
8、echarts的源码有了解过么？怎么实现图标绘制的？

二面：
1、链表与数组的差别？哪个查找数据更快？为什么？
2、手写冒泡排序
3、手写二分法排序

字节跳动前端面试

第一次参加大厂的前端面试-被虐的很惨就是了
视频面试
1、react生命周期，各生命周期项目中的具体使用
2、react中的数据管理使用的是什么？具体使用场景？
3、react16引入了fiber架构有了解过么
4、react diff算法具体流程？patch时具体是怎么将virtual dom插入到真实dom中的？
5、项目中你们的业务逻辑是怎么处理的？
6、响应式编程了解过么？
7、手写实现bind功能
8、手写验证一下call和new的优先级
9、了解函数节流和函数防抖么？具体的应用场景？
10、手写函数节流

施强教育

1、eventEmitter实现原理？观察者模式了解么？
2、路由按需加载打包之后和之前的区别？会打包成不同的chunk么？
3、new Promise().then().catch() 实现方式？promise.all?
4、react的特点？使用的原因？
5、purecomponent 与component的区别？purecomponent在什么时候会render?
6、高阶函数?使用场景？
7、setstate是一部还是同步？为什么会这样？什么时候会统一处理setState?
7、深拷贝的过程？怎么实现？
8、webpack使用了哪些插件
9、redux中间件、处理异步