《字节跳动前端面经》专题

深挖项目 不同路由实现原理区别 react-query原理，手写实现uesQuery webpack怎么配置，eslint用了哪些规则，git hook实现代码commit前检验怎么只测增量代码。 观察者模式，手写实现一个事件总线，怎么用。 做了哪些基于umi修改的配置   一个钟，时间费在我手写上#懂车帝##字节前端#

8月22号 1、吹水，介绍 2、实习的nuxt3项目（ssr、为什么ssr首屏加载快、seo好等等） 3、ssr和csr区别（怎么混合渲染） 4、怎么优化首屏加载速度（答了很多但只是客户端和打包这边的优化、没完全达到面试官预期） 5、osi七层模型 6、ftp协议干嘛的（忘了） 7、https协议以及怎么保证安全传输的 8、跨域以及怎么解决 9、nginx是什么，它反向代理底层实现（这里答得不够深

#软件开发笔面经# base深圳转到杭州，因为一些原因oc拒了😭，等时机成熟我再来！ 1 做一个自我介绍 2 我看你大学是20年到25年吗？（对的，因为我延毕了）为什么延毕了？ 公司效益不好，觉得没有发展，于是辞退。又因为当时5月下旬了，因为当时准备面大厂，一般都会手撕算法，需要时间准备面试，于是跟导师沟通延毕一年。所以我成为了25届应届生。 3 所以你的延毕跟你本身的毕设结构是没有强关联的，而

1 你可以实习多久？ 2 为什么留级了？ 3 算法（这题做了我1h，晕了😵） 有一个n边形（P0,P1,P2...Pn），每一边皆为垂直或者水平线段，现在给定数值k， 以P0为起点，将n边形的周长分成k段，每一段等长，请打印出所有的k等分点的坐标。 4 逻辑题 假设地球是一个二维圆形，在12点钟位置是飞机场。飞机必须在飞机场起飞，而且必须在飞机场降落。飞机之间可以互相加油。飞机既可以顺时针飞，也

1-2拷打项目 1 IOS和安卓的兼容性问题 2 如果再让你做一遍首屏视频的效果，你会如何做？ 3 事件循环在浏览器环境和Node环境中有哪些不同？ 4 requestAnimationFrame是宏任务还是微任务？ 5 浏览器的最大请求数量是多少，为什么这么设计？ 6 算法（类似二分法） 给定一个整型二维数组 (每个一维数组的长度大于0但不固定)，每一行从左到右递增，每行的第一个整数大于前一行的

时间8.30换部门捞面 rt 面试体验很差 约了下午3点 前5分钟说有急事推迟一小时 结果最后还迟到半个小时 不开摄像头 特别嘈杂感觉周五的原因 全程无八股，只有做题 项目介绍 做题，this与作用域相关，秒了 做题，事件循环输出题，秒了 智力题，大概最快几次烤完三片烤肉，很简单秒了 手撕，写一个类，要求实现异步任务控制并发，撕出来了，时间关系叫停了 最近在学什么技术 周末完周一上午挂 鼠鼠把字节

#字节跳动# 一共1h，前30min自我介绍问技术细节，后 30min问知识点写代码。 • 项目细节和工作经历学校经历使劲问 • 为什么做前端？ • 大文件上传怎么做的，并发怎么控制的？ • 平时怎么学习的？ • 都看过什么系统的前端书籍？ • 浏览器渲染原理讲讲？ • 前端层面怎么做优化？ • 代码层面怎么做优化？ • 擅长的三个领域？ • element ui看你挺熟悉，源码读过吗? 讲一下细

已OC，发一下面经回馈大家 一面 简单问一下项目相关，然后开始八股40分钟 spring和springboot的区别 gc算法 gc收集器 4层网络模型 http和https区别 mysql索引数据结构 mysql怎么优化慢查询 mysql深分页，怎么解决 redis怎么判断主节点是否挂掉 数据流中的中位数，说一下思路 编程题： 旋转有序数组的最小值（有重复）- LC.154 二面 实习相关，做了

编程题4道： 1）一个数组，将某及其左边元素全部染红，右边的元素全部染蓝，使得红色元素的极差和蓝色元素的极差的差的绝对值最小。 2）一个长度为 n 的排列p中有多少个i,j对满足:i< j且pi+pi =i+j。 3）数组中选择一对 i,j(i≠ j)，然后使得ai,aj同时除以这两个数字的任意一个公因数，是否可以在若干次操作后将数组变成全都是1的数组。 4）数组的全部子序列中山峰数组的最大长度。

一面 大文件切片上传的实现 （项目中写过） JavaScript中的基本数据类型 判断数据类型的方法以及这些方法的区别 Object.prototype.toString.call的基本原理 原型和继承 CSS盒模型 Set和Map简单说一下 讲一下浏览器的渲染机制（defer和async） 重绘重排（解决） 讲一下事件循环（随后出了一道事件循环的题目） Vue生命周期 webpack中的打包流程

因为进会议之面试官已经到了，就直接打了招呼开始导致忘记录屏了，1.15分钟，这次面试官是我遇到的第一个马保国型的面试官（b站有个视频把面试官分为程咬金型：只打三板斧和马保国型：掌握了接化发），说到什么就聊什么，而且特别喜欢让我去想一些没考虑过的东西。前面有很大一段时间在考css，考了bfc，兄弟级别盒子边距重合问题和父子级别盒子边距重合问题；还考察了borderBox和contentBox，两种盒

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

时间：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）