字节前端二面-秋招面经

第一次前端面试， 也是很好的面试官一面（2025.7.29 40min）项目类1. 你做的这两个项目有没有什么难点？讲一讲2. 你用到了Monorepo架构，简单介绍一下3. 聊一下你的AI对话项目JS基础类4. 箭头函数和普通函数有什么区别？5. JS的继承是什么东西，有哪些方式来实现继承？6. JS有哪些数据类型？7. undefined和null有什么区别？8. 函数柯里化是一个什么概念？9. 函数式编程是什么概念？TS类10. 你学TS主要是怎么学的？11. TS里的工具类型，你了解过哪些？框架/组件类12. 层层嵌套的组件树，如何从最里面往外传消息，保证每一层父组件都能收到？场景类13. 一个表单点击提交，如何防止重复点击？14. 你怎么提升代码质量？怎么写出好维护的代码？CSS类15. CSS里的高斯模糊是怎么用的？当场offer

全程2小时，拷打很深，自己准备不是很充分，面试体验还是不错的，给了很多对我简历和学习路线的建议，很受用-项目经历1、问了项目经历，一些指标和性能监控2、项目里websocket和轮询怎么使用的？3、项目里的性能优化怎么做的，lazy load和具体渲染时间等指标？-八股1、浏览器渲染流程？2、重排跟重绘的区别，哪个性能比较好？3、浏览器缓存？4、前端有哪些本地存储方式？5、跨域问题怎么解决的？6、CSS的模块化？怎么保证样式不冲突？7、组件间通信方式？8、Vue2和Vue3的区别？9、虚拟DOM对性能的影响？-手撕1、看一段赋值的代码输出2、hot100大数相加

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.如何处理前端的兼容性问题?

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有了解吗？