字节前端实习

📍面试公司：字节抖音💻面试岗位：前端暑期❓面试问题：- Linux文件系统 权限分级 操作- Linux有哪些命令- Linux改写文件权限是怎么设计的- 硬连接软连接区别- 硬连接软连接在前端方面的应用- pnpm- pnpm优势 怎么设计的- 幽灵依赖问题是什么- Monorepo优点- Monorepo整体架构- Monorepo项目都有哪些核心目录 每个层级内有哪些包 详细的文件名叫什么- package.json文件放那些内容- package.json有哪些字段- 怎么声明一个本地依赖包 别的项目去使用它- 怎么理解开发环境下的依赖和生产环境下的依赖 怎么区别哪些包应该安装在哪里 他们俩有什么区别- 模块化了解哪些- esModule和CommonJs区别- 怎么理解动态编译静态编译- 树摇是怎么影响的- 引入模块有哪些引入方式- 怎么知道根据路径去寻找他的包的- 如果是包名引入的话查找逻辑是什么- 用户登录是怎么设计的- token存在哪里 怎么判断用户是否登录态- 用户鉴权怎么做的- token和cookie区别- 常见的请求头有哪些- Content-type有哪些常见格式- 缓存有哪些层面- 怎么去定义浏览器缓存的强缓存和协商缓存的- 一些构建的静态资源怎么缓存- js，图片，css怎么缓存 缓存时效- 项目拷打- zustand状态库应该怎么设计- 他应该有哪些功能 怎么定义怎么更新等等- 双向数据流单向数据流- diff算法- 不用第三方工具 不用api怎么实现一个状态管理库- 什么时候开始学前端的 最近在学什么新技术- 人工智能了解过吗 大模型 pytorch transform 有没有做过深度学习的项目- 为什么现在在实习还考虑我们这边的岗- this指向题- 事件循环输出题- ez算法：括号匹配🙌面试感想：好难 全是工程化  

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～写了一些问题总结。1.背景介绍：自我介绍2.怎么看待前端可能被AI取代3.为什么学Vue没有学React技术问题：4.Vue的响应式是怎么实现的5.Vue组件是怎么通信的6.用pinia做全局的状态管理，跟直接写这种组件，比如说vue自带的一些状态的管理，他们的区别是什么7.为什么我们要用Promise- 追问：那你对这种异步编程是怎么理解的？为什么我们需要这种异步编程？它异步在哪里？8.那你觉得Promise和回调函数的区别是什么- 追问：比如说你请求一个接口，请求完之后可以传一个回调函数进去，让他接着处理后面那些逻辑。而Promis使用.then.catch这种方法。你觉得promise这种方法和回调函数直接把逻辑传进去最大的区别是什么9.讲讲XHR、fetch、axios的区别讲XHR是底层、fetch是更新用法、axios是封装- 追问：axios还有一个很明显的跟另外两个的区别- 没有回答出来，我说axios是基于promise的，面试官说fetch也是…- 正确答案：axios是浏览器和服务端都能用，fetch和XHR主要是在浏览器上用10.刚刚提到HTTP，那HTTP可以大概介绍一下吗？回答了TCP相关内容……面试官说http是基于TCP的封装，有自己的一套东西，比如说get、post这些http方法，比如说header这样的一个请求头的组成这些11.讲讲CSS的盒模型一顿输出，跑题了。12.讲讲inline-bolck和block的区别回答内部展示inline特性，外部展示block特性，宽高都可以设置。问宽度也可以设置？回答可以。13.flex和bolck的区别甚至忘记了“弹性盒”这个词，还在说什么主轴、纵轴14.CSS选择器有哪些？优先级是怎么样的？同时使用很多个选择器，优先级是怎么判断的15.JS有哪些数据类型？这些数据类型怎么在代码中进行判断？16.判断类型有哪些方法？17.es6相比es5多了有哪些语法18.箭头函数和普通函数的区别是什么回答1书写方式 2this指向- 19追问：似乎想让我说的是其他部分，难受我操的- 20追问：如果想改变普通函数的this指向，有哪些方法：call，apply，bind，有什么不同，bind的用法忘了- 21追问：箭头函数和普通函数还有一个比较重要的区别：没答上来，答案是箭头函数不能用作构造函数（忘记了。。。）22.常用的数组的方法有哪些？手撕：两数相加 梦的起点leetcode 1用对象（object/set）的话，可以把值当作key，先循环一次把数据存到对象里，key和value可以设成一样的值。然后再遍历一次，用目标值减去当前值，比如把2、7、11、15存到对象里后，遍历的时候计算9 - 2是否等于7，再去对象里用这个差值作为key查找，就能知道结果了。反问改进：因为你学习前端的时间比较短，目前很多概念理解得还不够深入，有些都混淆了。而且从刚刚答题情况看，你JS代码写得可能也比较少，像刚才那道题，JS写得多的话应该很快就能想到用对象来优化。所以我建议你先沉淀一下，不要着急练习项目。现在才刚起步，要把基础打牢。另外，我不太建议你现在学Vue，更推荐学react。像字节跳动，整个集团都主要用react开发，而快手、美团这些公司可能Vue用得更多，你可以根据自己未来想去的公司来选择。还有HTTP相关知识，和TCP的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。

一面（2025/04/21）1. 自我介绍2. 闭包，项目里哪里有用到闭包3. flex    1. 常用哪些属性    2. 对齐方式4. css 选择器5. Promise    1. 是什么以及原理    2. 有哪些方法6. 对 Vite 的理解7. Tree-Shaking 原理8. OJ 项目    1. 难点    2. 有没有做过安全相关    3. 做了哪些性能优化9. 泡泡图项目    1. 个人创业项目还是和别人一起    2. 给定需求怎么设计方案10. 手撕：二叉树最大深度、防抖、第 K 大元素11. 反问：业务以及技术栈面试官感觉好敷衍，而且字节竟然问的这么简单很令我震惊，这不是我认识的字节。本来还想问一嘴对前端 / 后端开发的校招同学转行做客户端是否推荐或者看法，但是似乎并不是做客户端的，做的还是跟前端相关的业务，就没问了。

部门：剪映-深圳timeline：4.25一面4.27二面4.28三面4.29hr面之后就一直泡着排序更：5.13oc，拒了————————面经一面1h：问项目token被窃取了怎么办如果要你设计一个系统可以从哪些方面解决这个问题intersectionObserver怎么实现的无限滚动，和用scroll有什么区别了解虚拟列表吗，用intersectionObserver怎么实现接着问项目，引导怎么拓展和优化一个里面一个功能点http2接着引导那个优化点（鼠鼠拼尽全脑一通瞎猜乱扯把自己说笑了，面试官遂放弃，接着往下进行了，但事后鼠鼠搜了一下发现鼠鼠扯得应该挺对了）nodejs了解koa吗讲讲express中间件有什么好处this指向题手写：封装一个函数，只在第一次点击按钮时执行，之后就不再执行讲讲闭包讲讲发布订阅发布订阅有什么好处手写：发布订阅点了一下直接delete事件会有安全问题二面45min：怎么想着大二就出来实习可实习时间学校的课怎么办为什么选前端学前端多久了两个项目的背景为什么选择写线上商城遇到的难点，怎么解决的自己最大的两个优点和缺点（鼠鼠说觉得自己脑子很聪明，绷不住笑了，面试官也跟着笑）有些急躁有导致过xxxxx吗？（没听清说的导致过什么，猜测可能是说工作延误之类的，当机立断说没有，主要导致自己焦虑）如果早上给你个任务，要求晚上ddl，你会到什么时候才寻求帮助平常有写文章的习惯吗（鼠鼠说自己语文不好，面试官又乐了，鼠鼠意识到在考写文档的能力，遂找补道平常会复盘然后写一些思路之类的）你希望在这段实习里学到什么怎么看ai现在在写代码上发展到什么阶段了最近在用哪个大模型ai在你学习里作用大吗，或者说和不用ai的效率进度差别大吗能接受的上班时间（鼠鼠说不上早八就行，面试官笑了说他们不上早八，鼠鼠接了句我们上早八写点代码题吧，最近有正在写的什么小项目吗？（鼠鼠思考了一下要不要编个，遂决定还是直接说没在写什么，最近都在准备面试。又把面试官逗笑了）手写：合并有序数组写一个登录页面，可以用ai反问：这轮是技术面吗？是如果通过的话后面还有几轮面试？正常来说至少还有一轮hr面业务？to B还是to C？即梦ai的to C面试结果什么时候能出来？今晚三面30min：问项目共享屏幕运行看看