《字节前端》专题

1面 图片格式知道哪些，jpg png webp svg， 面试官说了一下webp已经很常用了，用一个access字段可以放cdn上（记了个大概没听懂，等大佬解答） 使用nextjs有什么要注意的，项目里用了 其他全是项目实习 2面 怎么接触前端，怎么学习 如果你是项目负责人，react和vue如何选型 vue收集依赖的时间点（编译的时候触发数据的get） pnpm原理优势 ssr和csr区别原理

1.互相自我介绍 2.项目是自己做的还是哪个公司的项目（答没实习自己做的）遂直接跳过我的项目问基础去了…..（好歹也让我说下我准备的难点亮点啊 3.你对前端的理解 4.vue的双向绑定原理，能说多少说多少，追问和react的区别，为什么选vue不选react。 5.虚拟dom的理解，js操作dom有哪些方法，为什么虚拟dom可以加快渲染速度，从回流与重绘的角度谈谈，再谈谈浏览器是如何渲染dom的（

1. 做过哪些项目，评价指标是怎么样的 2. 如果你的项目顺利完成的话，它将应用在什么地方 3. 看的最近一篇关于前端的博客是什么内容 4. 身份鉴权 与 网络攻击 5. 你做过的最有成就感的事情 6. 你学习的最好的课程是什么 7. 最差的课程是什么 8. 说说你了解的前端的前沿技术有哪些 等一个好消息，急急急

主要是项目上的一些问题 1.项目上用了redux，有对比过用或者不用redux的优缺点吗 2.redux具体是怎么做到精准更新的 3.写一下消息订阅模式的代码 4.有了解过其他设计模式吗 5.观察者模式原理是怎么样的 6.你知道js在观察数据和状态是否发生变化是怎么做的吗 7.这个项目大概有多少个组件，可以列举以下 8.轮播图怎么实现的，手写原生代码（可以用伪代码） 9.排序算法了解过哪些，它们的

一面 拷打实习（平常只是调接口，用sdk并没有仔细思考其中的细节，这下被拷打了） 小流量实验 有没有了解过小流量平台是如何分配流量的，如果让你设计呢？ 埋点 埋点是如何上报的？是发送一个请求更快还是请求一个资源更快？为什么？ sdk应该有什么功能收集信息？ 埋点本身的底层原理，如果埋点很多会影响页面性能吗？如何尽可能的减少埋点的影响？ 浏览器里面同时能发送多少个http请求？ http1和http

拷问项目 interface和type的区别？使用场景？ TCP是如何保证传输的稳定性和可靠性的？ 为什么要进行四次挥手？ Https的加密过程？ 抓包的流程是什么？ 证书的作用是什么？ 用useContext和useReducer模拟实现redux 实现一个自定义hook useHover，当鼠标hover到元素上时触发传入的事件

vue 双向数据绑定 发布订阅（如何实现发布订阅） vuex 如何使用vuex vue2和3的区别 defineProperty和proxy性能上的区别 react setState的第二个参数，什么时候拿到新的数据 setState合并更新 react生命周期 shouldComponentUpdate react的diff算法和vue的diff算法 useMemo和memo 用react的时候

自我介绍 为什么选择前端 基础知识: 1.var let const的区别 2.可以修改const声明的对象的属性吗，为什么 2.水平垂直居中的方式有哪些，手撕css代码 3.元素实现隐藏的方式有哪些，都有什么区别 4.深浅拷贝区别，手撕深拷贝 5.跨域是什么引起的，用什么方法实现跨域 6.nodejs有了解过吗（我说了解不多，就没多问） 7.除了react还用过什么框架 项目: 8.用户登录部分

JS数据类型有哪些？ 引用数据类型和基本数据类型的区别是什么？ 如何判断一个对象是不是空对象？ 代码输出： const obj1 = { key: 'value1', }; const obj2 = { key: 'value2', }; function func1(obj1) { obj1.key = 'value11'; return obj1; }

二面结束的时候，经典的“感谢你的时间” #字节##前端##校招##二面面经#

时间：2024/08/25 10:00 1.将数组元素分为多个组，让每组中所有数都可以被本组最小数整除，输出最少分多少组 2.满足第i个点和第j个点的连线刚好过原点，输出有多少个点对 一小时全通过

一面（1h左右） 1. 自我介绍 2. 问了专业和专业主要学什么 3. 块级元素有什么 4. 块元素、行内元素、行内块元素的区别 5. 如何给一个行内元素设置高度 6. 介绍一下盒模型 7. 写：让盒子垂直居中+说了几种 8. cookie，session和token的区别 9. 讲一下强缓存和协商缓存 10. 箭头函数和普通函数的区别 11. 讲一下变量提升 12. 做了一个this指向的输出题

一面：（1h10min） 1. 自我介绍 2. 了解packagejson的dependency吗 3. dev dependency和dependency的区别 4. pnpm和npm的区别 5. workspace 6. useState是如何做到记住上次状态的？（这里没理解好，随便说了个isBatchingUpdate） 7. 项目一个一个点问了 8. 手写promisify（10min）

第一次投字节，非常紧张...不得不说字节招聘效率还是蛮高的，一二三面都在同一天 一面（1h20min） 面试官是一个非常有气质的小姐姐～but问的问题都很犀利😭 1. 自我介绍 2. 挖简历，实习做了什么 面试官认为我的实习偏向Analysis，这边解释了一下实习的主要职责，负责了哪些组件的开发 3. 聊项目，项目的难点有哪些 需求理解、响应式布局、组件的拆分和设计 4. 既然聊到响应式布局了，

时间线——7.15投递——7.17约面——7.19一面——7.20中午约二面——7.24二面——7.25寄。 一面部分面经： 由于有之前投实习的面评，所以没怎么问八股。 1.跨域——jsonp如何实现 2.cdn 3.最近在学什么——有什么让你眼前一新的代码 4.设计模式——发布订阅和观察者的区别 5.手写链式调用，类似于class.a(fn1).a(fn2).sleep(3000).start(