字节跳动前端一面面经

WebSocket协议是一种基于TCP的协议，用于实现客户端和服务器之间的全双工通信。 它提供了一种在单个TCP连接上进行长期交互的方式，使得服务器可以主动向客户端推送数据。相比之下，HTTP协议是一种无状态的请求-响应协议，通常用于客户端向服务器发送请求并接收响应。 HTTP协议是基于请求-响应模式的，意味着每次客户端想要获取新的数据时，都需要通过新的HTTP请求来获取。以下是WebSocket协议与HTTP协议的不同之处：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024连接方式：HTTP协议是短连接，即每次请求都需要建立和关闭连接。而WebSocket协议是长连接，在连接建立后，可以持续保持通信状态。数据传输效率：HTTP协议每次请求只能传输有限的数据，而且每次传输都需要携带请求头等信息，导致额外的开销。WebSocket协议可以在保持连接状态的情况下，实现全双工通信，避免了频繁建立和关闭连接的开销，并且可以传输较大量级的数据。通信方式：HTTP协议采用的是请求-响应模式，客户端发送请求后，服务器返回响应。而WebSocket协议允许服务器主动推送数据给客户端，实现实时的双向通信。

😌因为学历问题，面试一开始我就表现的不自信，有种低人一等的感觉，建议学历一般的同学面大厂时不要先示弱，顶一顶。1.面试官自我介绍2.自我介绍3.项目是实习做的还是自学的4.讲一讲项目的架构5.redis的Geo算法底层了解吗6.消息推送是很复杂的，你怎么确保一定能到达7.redis缓存和caffeine缓存有什么区别吗8.分布式锁怎么实现的9.如果让你设计一个类似的锁，你会考虑什么10.讲一下CAS，它在什么场景下可能会有问题（讲了秒杀）11.http与https的区别12.三次握手与四次挥手13.为什么挥手要四次14.了解携程吗（不是那个公司😂）15.为什么携程比线程性能好16.mysql插入数据，唯一索引还是联合索引对性能影响大17.算法：二叉树最近公共父节点反问：1.我答的不太好：你在本科生里是很优秀的，但缺少企业真实的开发经历…2.听说小米面试官都挺忙的，面试是抽空面的吗：差不多吧，5点才面了一个…好不容易的面试机会，转瞬即逝

1. 接触前端多久了，看两个项目的完成时间都比较近。2. 对于前端掌握的一个熟悉程度怎么样，能自我评价一下吗3. 对于React，之前有了解过吗？了解的程度是怎么样的4. 说一下SSE传输和普通的HTTP请求之间的差别和不同5. SSE和WebSocket有什么区别呢？6. 提到的这个打字机的效果，说一下它实现的思路或者是一个原理7. SSE返回的数据可能是一段，而不是这种一个一个的数据，比如说是十个字符串吧，那这种应该怎么办呢，有实现的一个思路吗8. HTTP和HTTPS之间的区别9. 看到项目中依赖了一个第三方平台的api，能说一下这里是怎么去鉴权的呢，以及代码这边需要做什么样的开发和改造10. 第三方平台和这种openai的api其实有一些地方是跨域的，对于跨域，其实有时候一些跨域的请求会失败，你对这方面有了解吗？或者说浏览器跨域的一个限制11. 图片性能的优化，可以介绍一下这个方式并且说一下实现的原理吗12. 想做一个登录的拦截，有什么实现的思路13. 三列布局的一个样式，左中右，要求中间宽度是800px，左边和右边平分剩余的大小，有几种实现的方式14. flex:1 指的是什么15. 如果用flex，那如果页面宽度为600px的时候，左右是多宽16. position的定位方式都有哪些17. 一个事件循环的题，说输出18. 手写Promise All

日常实习，一天完成两面一面（1h）：1. 自我介绍2. 死锁的必要条件以及避免死锁的方法3. 进程和线程的区别4. mysql4.1 acid是什么4.2 隔离级别以及并发问题4.3 mvcc怎么解决不可重复读5. redis5.1 数据类型5.2 和本地缓存的区别6. rocketmq的消息模式7. 手撕：快排8. 反问二面（1.5h）：1. 自我介绍2. 讨论项目如何结合ai3. 为什么用websocket4. 手撕websocket（真不会）5. 反问