字节跳动
校招前端开发工程师（商业化） - 剪映CapCut
深圳 · 校招 · 2027 届 · 本科
长期有效
任职要求
- 2027届获得本科及以上学历，计算机、软件工程、电子信息、通信、自动化等相关专业优先
- 具备扎实的计算机基础，熟悉前端基础知识体系，有良好的编码规范和工程化质量意识
- 能够主动使用AI工具辅助学习、编码、调试、测试和文档生成，并能识别、校验和修正AI输出中的问题
- 具备较强的学习能力、自驱力和责任心，愿意主动承担具备挑战的任务，对个人成长负责
- 具备良好的沟通协作能力和团队合作精神，能够与产品、设计、后端、客户端、测试等角色高效协同。
- 加分项：
- 有Web前端、移动端H
- 小程序、Lynx、React Native、跨端容器等项目经验者优先
- 有AI/大模型/Agent相关项目实践经验者优先，如智能助手、自动问答、知识库/RAG、自动化验证、工作流编排、AI辅助编码等
- 有开源项目、技术博客、竞赛获奖、复杂课程项目或可展示作品者优先。
岗位描述
团队介绍：剪映研发团队，主要支持剪映、CapCut、醒图、Hypic、即梦、Dreamina、小云雀、Pippit等多款国内外产品的研发工作，业务覆盖多元化影像创作场景，并孵化了多款AIGC明星产品，相关产品多次登顶国内外App Store 免费应用榜第一，并继续保持高速增长。加入我们，一起打造全球最受用户欢迎的影像创作和GenAI产品。
- 1、负责剪映系产品商业化方向的前端研发工作，参与会员、订阅、支付、权益、积分、营销活动、资源位、团队版、经营后台等业务模块建设；
- 2、参与Web、H
- 5、Lynx、跨端容器等多端前端场景研发，支持剪映、CapCut、醒图、Hypic、即梦、Dreamina、小云雀、Pippit等产品的商业化功能落地；
- 3、参与商业化链路的体验优化与性能优化，提升用户体验和业务转化效率；
- 4、参与商业化前端基础能力建设，包括中台化、活动基建、品质保障和架构优化等；
- 5、参与AI/Agent在商业化场景中的落地，包括面向不同角色的Agent智能助手、AI研发提效等方向探索。
你的简历匹配这个岗位吗？
上传简历，AI 会对照这份 JD 指出你的差距和需要补强的地方
该岗位可能会问的问题
基于 前端开发 岗位的常见面试问题整理
请解释 React 的虚拟 DOM 是什么，它解决了什么问题
查看答题思路
1. Virtual DOM 是真实 DOM 的 JS 对象映射 2. 核心价值：批量 DOM 操作 + Diff 算法减少实际 DOM 更新次数 3. 不是比直接操作 DOM 更快，而是让开发者不用手动优化 DOM 操作 4. 流程：state 变化→生成新 VDOM→Diff 新旧→最小化更新真实 DOM
CSS 中 position 的 relative / absolute / fixed / sticky 有什么区别
查看答题思路
1. relative：相对自身原位置偏移，原占位保留 2. absolute：相对最近的 positioned 祖先定位，脱离文档流 3. fixed：相对视口定位，滚动不移动 4. sticky：滚动到阈值前 relative，超过后 fixed（常用于吸顶导航）
你做过的技术难度最高的前端项目是什么
查看答题思路
1. 项目背景 2. 技术挑战：如复杂状态管理 / 性能优化 / 可视化 3. 你的解决思路 4. 成果（性能提升百分比 / 用户体验改善的具体表现）
什么是跨域？如何解决前端请求跨域问题
查看答题思路
1. 跨域=浏览器同源策略限制（协议+域名+端口任一不同） 2. CORS：后端设 Access-Control-Allow-Origin 头 3. 代理：开发环境用 webpack devServer proxy 4. JSONP：利用 script 标签不受同源限制（仅支持 GET，已少用） 5. 强调：跨域是浏览器限制，服务器间互调不受限
设计一个大型表单页面（50+ 字段），你会怎么管理状态和性能
查看答题思路
1. 状态管理：React Hook Form（非受控模式减少重渲染）或 Formik 2. 性能：字段级订阅，只重渲染变化的字段而非整表 3. 分步：Tab/Step 分拆降低单屏复杂度 4. 校验：异步校验 + 防抖输入 5. 持久化：localStorage 缓存草稿防丢失
更多面试题库功能即将上线
信息来源：企业官方招聘页。投递前请以官网信息为准。