字节飞书前端一面面经

1.请简单介绍一下你最近做的项目，或者你认为最有挑战性的一个中型项目你在其中主要扮演的角色和解决的关键技术问题是什么?2.在你的项目中，你使用了哪个前端框架(Vue/React)?请谈谈你对该框架(例如:Vue3的Composition API或 React Hooks)核心思想和工作原理的理解。3.请详细解释一下虚拟 DOM(Virtual DOM)的工作原理从数据变更到最终渲染到屏幕，整个过程经历了哪几个关键步骤?鈎脬蕁翌嘗試涌伫跪嬪帐来的性能优势主要体现在哪里?4.JavaScript 中，var、let 和 const 在作用域、提升(Hoisting)和重复声明方面有什么本质区别?请说明一下暂存死区(Temporal Dead Zone)。5.请简述一下闭包(Closure)的原理和常见的应用场景。闭包可能带来什么副作用?如何避免?6.Promise 的原理是什么?请解释一下 Promise.all()和 Promise.race()的区别晥件以及它们是如何处理链式调用中的错误捕获的?7.解释一下 HTTP 状态码 304 的作用以及浏览器是如何判断资源是否需要发送 304 状态码的?请描述一下常见的缓存策略(强制缓存与协商缓存)。8.请解释一下 BFC (块级格式化上下文) 的原理及其常见应用场景。9.你如何理解前端工程化?10.请写出一段代码，实现一个简单的数组去重函数，要求不使用 Set，并说明其时间复杂度

没问什么八股，感觉比较注重ai的使用，比如ai的插件这些。react和vue使用场景首屏加载优化react虚拟dom原理

1.深入挖掘项目细节，例如某个复杂模块的设计思路、遇到的性能瓶颈及解决方案。2.async/await的实现原理是什么?它和Promise、Generator之间有什么关系?3.Webpack中Loader和Plugin的区别是什么?分别举例说明。4.如何设计一个高可用的前端系统?5.前端监控系统如何设计?如何上报和分析数据?6.手写题:实现一个函数柯里化(currying)。7.PWA (Progressive Web Apps)了解吗?它的核心技术有哪些?8.谈谈你对SSR(Server-Side Rendering)和CSR(Client-Side Rendering)的理解。9.如何处理前端的兼容性问题?

面试题简述打开一个网页的时候，一共会发多少次 HTTP 请求？又会建立几次 TCP 连接？面试官想听的1、是否真正理解浏览器和网络协议2、是否知道一个页面不等于一个请求面试回答举例打开一个网页时，HTTP 请求次数和 TCP 连接次数并不是固定的，取决于页面内容和 HTTP 协议版本。详情请参考：http://xhslink.com/o/5lyvnr7it26由浅入深分析1、请求是应用层概念，连接是传输层概念2、协议演进的目标是减少连接开销面试加分点1、能区分 HTTP/1.1 和 HTTP/22、能提 Keep-Alive、多路复用3、提到连接建立成本很高