字节跳动官方技术求职攻略书【前端篇】！含考点、前端业务介绍！
字节跳动2024校招研发提前批倒计时 7 天，还在焦头烂额准备面试、不敢投递么？
别着急，来看「字节跳动官方技术求职攻略书-前端篇」，内含字节前端笔面试考点、不同业务岗位分工！
看完再投，投递方向更明确、面试准备更精准！
Tips：认准字节跳动招聘君在牛客的唯一内推码【5CRTJ9Z】哦！
——————————————————————————————————————————————————————————
在字节跳动，前端研发工程师们有一个习惯：
一旦有什么技术问题，就去一个名叫「字节跳动前端大群」的群里提问。群友都是来自不同业务、不同地区的前端同学，你看不到他们的职级，也看不到他们是不是 Leader，但是几乎每个人都十分乐于参与讨论。技术选型、开发工具、代码报错……五花八门的问题下是多样化的解答。
我们找这群同学聊了聊，帮大家总结了关于字节跳动前端最重要的信息
（1）什么是前端？
前端开发工程师做什么？
在移动端、PC 端、VR 设备等各类不同的设备与系统上，开发与用户交互的界面，完成从用户可视的交互界面到存储后台之间的开发建设，并完成高性能前端算法与逻辑计算。UI 界面、活动页面、用户交互响应……均由前端开发工程师完成。
前端开发工程师需要掌握哪些技术？
- 基础技术
开发框架：React、Vue
开发语言：Node、HTML、CSS、JavaScript
工程体系：webpack、Rollup、CI/CD、微应用
- 考点整理
计算机基础 | 编程语言、算法与数据结构、计算机网络、设计模式 |
HTML | 基础组成和语法规则、常用标签、常用属性、HTML5 |
CSS | 语法规则/引入规则、常见属性和设置、各种选择器、盒模型、定位、布局、CSS3新特性 |
JavaScript | 基础、函数、对象（基础概念、对象创建、继承、常用引用类型）、BOM、DOM（节点层次、类型、属性、DOM操作、事件）、网络请求、ES6+（6、7、8） |
基本开发工具 | IDE/编辑器、版本控制工具、浏览器 |
封装库/工具库 | 数据可视化、UI框架、编辑器、组件库、动画、mock数据、实用工具库、日期处理器、字体/图标 |
前端工程化 | Node.js、组件化开发框架（Vue、React、Angular、Sevlte、Solid.js)、包管理器、打包工具、CSS预处理工具、校验/格式化/规范化、测试框架、前端性能（性能指标、性能测试/监控工具、性能优化方案） |
多端/跨端/融合 | 移动端/小程序、桌面应用 |
（2）在字节跳动，前端岗位都有哪些方向分工？
业务前端
- 为抖音、今日头条、西瓜视频、番茄小说、飞书等多款产品进行前端开发，亲手实现各种产品功能，参与备受瞩目的产品运营活动。
- 针对特定的产品研发需求，进行技术调研，确定技术方案，完成前端开发，并和客户端、后端同学一起联调，推动测试和上线，让你的技术被千千万万用户感知。
- 独立负责产品的某一模块，主导该模块的全部技术设计，消灭白屏、卡顿等各种问题，让用户在使用中感受到流畅和便利，创造商业价值。
前端中台
- 服务业务前端开发团队，研发前端基础设施，追求最好用的技术和最极致的效率，让同一套技术复用在不用业务里。
- 没有产品经理下需求，自行调研找出共性问题，将复杂繁琐的工作变成工具和系统，为业务前端团队创造高效便利的开发体验。
还有各类专业方向
- 前端框架、BFF、Serverless、音视频、图形、即时通讯……
（3）热招中的前端岗位
- 前端岗位在招业务团队：火山引擎、互娱研发、Data、基础架构、视频架构、懂车帝、抖音电商、番茄小说、抖音、直播、智能创作等！戳下方链接，解锁全部校招提前批【前端岗】！👇
- 别忘了填写内推码【5CRTJ9Z】🔥投递，你的简历会被优先筛选哦！
🌟 更多技术求职攻略，戳：https://bytedance.feishu.cn/docx/JkaBd5xaAo5XQXx9DRdcT9UVnwd
#字节跳动#
OPPO公司福利 1091人发布