字节 前端 二面

一、前端基础与原理🔌 网络通信1. 请详细说明 HTTP 和 WebSocket 的区别？适用场景分别是什么？区别：适用场景：2. 什么是 SSE（Server-Sent Events）？它的核心特点是什么？SSE 是一种基于 HTTP 的单向通信技术，允许服务端主动向客户端推送事件流。特点：基于文本传输、默认支持断线重连、仅服务端向客户端单向推送、兼容性较好（除 IE 外主流浏览器支持）。3. 在什么场景下会选择使用 SSE 而不是 WebSocket？场景：仅需服务端向客户端单向推送数据（如新闻通知、日志推送）、希望兼容低复杂度场景、不想维护双向连接的心跳机制。原因：SSE 实现更简单、...

部门先隐藏一下1. 实习经历：问实习经历做过的内容，然后对此延申了一个新场景问解决方案2. 项目经历：问上线项目，询问这些项目做了什么，就从公司业务场景入手，梳理了一些几个项目的主要功能3. 开源经历：问了一下提交过的PR（修的bug），怎么发现的问题，导致这个bug的根本原因是什么4. 场景手写题：flat（递归+栈）、promise timeout、防抖

前端新的面试题又来咯拖拽与 DOM问题 1：拖拽过程中，如果原本的元素消失了，onDrop 还能触发么？具体表现是什么？答案： 能触发。onDrop 事件会在放置的目标元素上触发。具体表现是：拖拽源元素在拖拽过程中被移除（如设置为 display: none 或从 DOM 中删除），只要鼠标在有效的放置目标上释放，onDrop 仍会触发。但是，event.dataTransfer 对象中关于拖拽源的数据可能变得不可靠或丢失。问题 2：如何改变拖拽预览图？答案： 使用 DataTransfer.setDragImage() 方法。 element.addEventListener('dragst...