20人前端小厂面经

1、useEffect和useLayoutEffect的区别，在fiber的更新阶段是什么？2、fiber更新的阶段有哪些，触发更新 → 调度（排序 + 请求空闲）→ 调和（Diff + 标记副作用）→ 提交（执行 DOM 操作 + 副作用调度，阶段后面的阶段是什么3、commit的执行的生命周期钩子有哪些，4、class组件的生命周期钩子有哪些，在commit生命周期中5、fiber节点更新级别属性，优先级排行是什么，中断是被什么中断6、fiber为什么使用链表结构，为什么改成fiber结构7、webpack性能优化手段，这么多优化方法怎么找出项目中优化的点8、项目性能优化分析工具有哪些，得到结论之后怎么根据这些内容进行优化，资源层面，网络请求反问：技术栈主要是react对吗？业务是什么呢：

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.你有什么想问我的吗?

📍offer公司1：中科蓝讯 蓝牙或者穿戴部门💰薪资包：月薪n，到手m⏰工作时间：虚995(基本9点走，周五下班即走，平时下班走就周六补工时，相对轻松）。💡优缺点：主要做bsp驱动和应用开发，强度看部门，项目会学得比较广，嵌入式全栈，比较安稳。缺点是半研发半FAE，平台小怕不好跳。📍offer公司2：安克创新 小充部门(说是安克核心品类)💰薪资包：月薪n+5k，到手m+3w⏰工作时间：满995(基本9.30走，平时可以双休，看部门，项目忙时可能到凌晨和周末加班，相对强度大些）。💡优缺点：平台比较大，公司推广ai，自己也感觉vibe coding是未来趋势。缺点是怕做不长久。之前实习也是995，目前感觉强度可以接受。主要是两边的缺点在纠结。目前中科蓝讯已经签了，在犹豫要不要跳。以及base差距大跳槽的时候影响大嘛。求各位大佬给下意见。

1.实习介绍2.你项目上面提到了长列表渲染优化，详细讲一下吧。3.讲讲这个webpack-bundle-analyse是怎么样的？删除了没出现兼容性的问题吗？4.element-ui的dialog是怎么封装的？那叫你封装一个组件，你会基于什么去封装？5.vue的组件是怎么进行通信的？6.插槽是什么？怎么用？作用域插槽是什么？有什么用？7.大文件上传是基于什么样的背景的？断点续传怎么传的？8.切片上传和断点续传。9.如何对大图片进行压缩？10.SVG有了解过吗？他和canvas有什么区别？11.用vue2多还是vue3多？讲讲vue2和vue3的区别吧。12.那Object.defineProperty这个方法接收几个参数，每个参数分别对应什么？13.vue3里面其实也用到了reflect，了解过吗？14.讲讲webpack为什么比vite快吧？他们之间有什么差异吗？15.为什么vue2里面data要写成函数而不能写成对象呢？16.nextTick了解过吗？什么时候用，举一个具体的例子。原理是怎么样的？17.为什么每个dom要加key值？key有什么作用呢？18.vue3有哪些常用的api吗？19.ref和reactive的区别？那我用reactive定义基本数据类型，ref定义引用数据类型可以不？20.==和===的区别？21.深拷贝和浅拷贝的区别？手动实现深拷贝怎么实现？正则日期那些呢？22.typeOf和instanceOf的应用场景，什么时候应该用谁？23.webpack有哪些常见的配置项呢？vite呢？24.webpack打包的整个过程是怎么样的呢？25.React有了解吗？