【前端面经】字节前端社招面经分享(已offer)

社招时间线

全程面试时间都是候选人定的,字节效率还是非常高的
  • 10.23 HR电话沟通约面
  • 10.28 技术一面(两小时后告知通过约面)
  • 10.30 技术二面(半小时后告知通过约面)
  • 11.4 技术三面(两小时后告知通过约面)
  • 11.5 HR面(三小时后告知通过)
  • 11.5 OC
  • 11.5 收集薪资流水证明
  • 11.6 谈薪
  • 11.11 书面offer

面试

基本都是从简历出发深挖问题,没有太多通用性,仅列出偏技术点不涉及具体项目的问题。
因为AI相关内容较多,所以问题也偏AI。

技术一面(1h)

  1. 代码输出题:闭包与变量提升相关
  2. 手写题:数组转树形结构
  3. 手写题:实现带并发限制的异步任务调度器
  4. Promise 相关方法及应用场景
  5. JS 中 this 的指向是如何确定的?
  6. 覆盖数组 forEach 方法时,内部的 this 指向谁?
  7. 前端跨域的解决方案?
  8. Nginx 代理和 CORS 解决跨域原理上的区别?
  9. 介绍一个对自己成长帮助最大或难度最大的项目
  10. 介绍一下大数据量下的性能优化实践
  11. setTimeout 的时间间隔是如何确定的?
  12. AI 在你工作中的应用场景?如何处理 AI 生成代码的 Bug?
  13. 项目经历深挖

技术二面(1h)

  1. AI 服务与模型选择
  2. 微前端与应用间通信
  3. Web Worker 的使用场景和原因
  4. AI 编程的更多探索
  5. MCP (Model Context Protocol) 的使用
  6. 对 Agent 模式的了解
  7. SSO 单点登录方案
  8. 项目经历深挖
  9. 职业规划
  10. 手写题:实现带重试和超时的 fetch
  11. 手写题:实现函数柯里化

技术三面(1h)

  1. AI 提效带来的研发流程变化
  2. AI 编程采纳率与遇到的问题
  3. 提升 AI 采纳率的思考
  4. Design to Code (D2C) 的思考
  5. 提示词(Prompt)的编写与迭代
  6. Web Worker 的原理与实践
  7. 离职原因与当前状态
  8. ECharts 大数量下的性能优化,场景题
  9. 项目经历深挖
  10. Webpack vs Vite
  11. 手写题:实现异步任务调度器(一面题的变式,若未复盘追问会写不出)
  12. 职业规划、工作强度与学习方式

HR面(50min)

  1. 离职原因 & 职业规划
  2. 前司经历 & 成就复盘
  3. 项目深度剖析
  4. 求职动机 & 对 AI 的思考
  5. 薪资期望

总结

  • 前端基础:前端基础一定要扎实,每个点都会问到原理层面
  • 项目深挖:简历上的项目必须经得住“拷打”,要能从业务逻辑讲到技术选型,再到底层实现原理;每个点都可能被层层追问
  • AI相关:现在行业普遍看重具备 AI Native 思维 的研发工程师,要对 AI 技术保持好奇和实践敏感度
  • 职业规划:技术面和 HR 面都会问,尤其是每段经历的离职和求职动机,提问会很犀利
  • 手写题:虽然准备了hot100的算法没考到,但是还是准备着比较好,JS 手写题不仅要写得出,还要能现场讲清思路、分析边界,并应对变式和追问

分享

这次面试也是重新梳理准备了一遍八股文,因为原本技术栈主要是Vue所以没有React相关的梳理,大家有需要的可以参考,有错误的地方欢迎评论区交流指正~
【前端面试】HTML篇
【前端面试】CSS篇
【前端面试】JS篇
【前端面试】Vue篇
【前端面试】Git篇
【前端面试】前端性能优化篇
【前端面试】手写题篇
【前端面试】浏览器&网络篇
【前端面试】前端工程化篇

结尾

本次面试最深的感受就是,网上的面经其实参考意义已经没有很大了,更多的是参考每家公司的面试风格与侧重。每段经历都要经得起“拷打”,思考问题要全面有深度,面对很多犀利的有压力的提问也要快速反应。

有个小经验可以分享给大家,面试的时候录音,面试后直接把录音转文字的内容写到IDE的新建md文档中,让AI帮你做梳理和复盘会非常高效。除此之外,在简历编写和项目深度问答方面都可以让AI协助mock面试,并做进一步复盘总结也很好用。

祝愿看到这篇文章的大家都能拿到满意的offer~ 有什么问题欢迎在评论区交流~

Read more

Java+Leaflet:湖南省道路长度WebGIS的构建与实践

Java+Leaflet:湖南省道路长度WebGIS的构建与实践

目录 前言 一、基础空间数据简介 1、涉及相关表 2、省域道路长度检索 二、Java后台实现 1、道路视图对象 2、Mapper空间检索查询 3、控制API实现 三、WebGIS界面实现 1、里程图例及初始化 2、各地市信息展示 四、成果展示 1、总体展示 2、分区域说明 五、总结 前言         在当今数字化时代,地理信息系统(GIS)技术在各个领域都发挥着至关重要的作用。它不仅为城市规划、交通管理、环境保护等提供了强大的技术支持,也为公众获取地理信息提供了便捷的途径。湖南省作为中国中部地区的重要省份,拥有复杂的地理环境和庞大的交通网络。如何高效地管理和展示湖南省的道路长度信息,对于交通规划、物流运输以及公众出行都具有极其重要的意义。因此,我们开展了基于Java和Leaflet的湖南省道路长度WebGIS系统的构建与实践研究。         湖南省地处中国中部,交通网络密集且复杂。随着经济的快速发展和城市化进程的加快,湖南省的道路建设不断推进,

By Ne0inhk
前端学习日记 - 前端函数防抖详解

前端学习日记 - 前端函数防抖详解

前端函数防抖详解 * 为什么使用防抖 * 函数防抖的应用场景 * 函数防抖原理与手写实现 * 原理 * 手写实现 * 使用 Lodash 的 \_.debounce * 完整示例:防抖搜索组件 * 结语 在现代 Web 应用中,函数防抖(debounce)是一种常见且高效的性能优化手段,用于限制高频事件触发下的函数调用次数,从而减少不必要的计算、网络请求或 DOM 操作。本文将从“为什么使用防抖”切入,介绍典型的应用场景,深入解析防抖原理,并给出从零实现到在实际项目中使用 Lodash 的完整代码示例,帮助你快速掌握前端防抖技术。 为什么使用防抖 函数防抖的核心思想是在连续触发的事件停止后,仅执行最后一次调用,以避免频繁触发带来的性能问题 ([MDN Web Docs][1])。 在不使用防抖的情况下,例如在 input 输入事件或 window.resize 事件中直接调用逻辑,页面可能会因短时间内大量调用而出现卡顿或请求风暴 ([GeeksforGeeks]

By Ne0inhk
全Web化智慧PACS/RIS系统源码 (纯B/S架构)

全Web化智慧PACS/RIS系统源码 (纯B/S架构)

告别传统C/S架构的笨重客户端!本套源码采用纯Web前端技术实现极速调阅,支持CT、核磁(MR)、DR、超声等多模态影像。内置专业级Web Viewer,支持MPR多平面重建、MIP、VR体渲染。自带RIS全流程管理。100%无加密源码交付,是医疗软件公司打造云PACS、区域影像中心的核心利器! 一、 为什么医疗企业都在寻找真正的WebPACS? 传统的PACS系统多采用C++或C#开发,需要医生在电脑上一台台安装庞大的客户端,维护成本极高,且无法适应如今“互联网医院”和“医共体远程诊断”的需求。 * 极速跨平台: 本系统基于HTML5+WebGL技术,医生只需打开浏览器,即可实现秒级加载百兆级影像,支持Windows、Mac甚至iPad移动阅片。 * 省去百万研发费: 医疗影像的底层解析(如窗宽窗位调节、各种DICOM Tag解析、图像无损压缩算法)是深水区,直接购买本源码,省去2-3年以上的底层图形学研发周期。 * 高价值变现: 本源码不仅可独立作为医院影像科管理系统出售,更可作为“影像插件”

By Ne0inhk