字节一面面经前端

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，并说明其时间复杂度

洗衣管理系统概述洗衣管理系统是一种用于对洗衣业务流程进行全面规划、组织、协调和控制的系统，旨在提高洗衣服务的效率、质量和管理水平。顾客可通过线上平台（如网站、手机应用程序）或线下前台提交洗衣订单，系统记录衣物信息（种类、数量、颜色、材质等）、服务要求（清洗方式、加急与否等）以及顾客信息。工作人员能在系统中查看订单详情，安排收件、清洗和配送等流程。追踪洗衣店内各类洗衣用品（如洗涤剂、柔顺剂、消毒剂等）的库存数量。当库存低于设定阈值时，系统自动发出警报，提醒管理人员及时采购补充，避免因用品短缺影响洗衣业务。同时，对洗衣设备的备品备件进行管理，确保设备维护和维修的及时性。监测洗衣设备（洗衣机、烘干机...

1.做个简单的自我介绍吧，重点说下你最近的一个项目。2.讲一下从用户在浏览器输入 URL 到页面完整展现出来的整个过程，越详细越好。3.HTTP 缓存有哪些策略?强缓存和协商缓存具体是怎么实现的?4.TCP 的三次握手和四次挥手过程说一下。为什么挥手需要四次?5.说下你对盒模型的理解，box-sizing 的两个值 content-box 和 border-box 有什么区别?6.实现一个元素水平垂直居中有哪些方法?至少说出三种。7.CSS 选择器的优先级是怎么计算的?!important 呢?8.var,let,const 声明变量有什么区别?什么是暂时性死区?9.JavaScript 的数据类型有哪些?如何判断一个变量是数组?10.谈谈你对原型和原型链的理解。proto_和 prototype 的关系是什么?11.介绍一下 Event Loop 机制，区分一下宏任务和微任务，并说出常见的宏任务和微任务。12.this 的指向在不同场景下有什么不同?如何改变 this 的指向?apply,call,bind 有什么区别?13.闭包是什么?它的应用场景有哪些?可能会导致什么问题?14.ES6 你常用到哪些新特性?展开说几个。15.什么是跨域?你有遇到过吗?你是怎么解决的?16.手写一个函数，实现数组的深拷贝。17.手写一个防抖(debounce) 函数。18.你有什么想问我的吗?

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