抖音招前端研发实习

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

从输入一个Url到页面渲染的过程首屏优化方案Qiankun沙箱机制什么情况下会造成重排重绘V3响应式机制浏览器缓存vite热更新vite为什么快ref reactive区别nestjs依赖注入手写深拷贝买卖股票最佳时机

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

1. 学了多久前端2. 垂直居中怎么写3. js 的继承有哪些4. 防抖节流，提了一下 lodash 工具库5. js 的 promise 你了解多少6. js 的 promise.all 有什么特点7. js 的 await 和 async 有什么8. 关于 vue 的双向绑定原理 ---这个是真的忘记了9. 关于 vue 的响应式你知道多少10. vue 的生命周期12. pinia 持久化13. tcp 三次握手过程14. 浏览器输入 url 发生什么15.如何判断对象是不是空对象16. 反问都是八股🤔当练手了，口齿有些不清晰，哑巴英语 hhhh下周面小红书，那个才是最终 boss😭