编
这个岗位的薪资区间是按企业规模拆的，和只给一个总区间相比更好对照。欢迎补充你所在城市的实际范围。
POSITION 01 · 技术研发 · Frontend Engineer
前端工程师
把产品逻辑翻译成看得见、点得动的界面
前端工程师负责用户在浏览器与移动端里直接接触的一切：页面结构、交互反馈、性能优化与跨端适配。它处在设计、后端与用户之间的交汇处，既要懂视觉细节，也要懂工程化与数据流转。
核心职责 01 / DUTY
必备技能树 02 / SKILL
常用工具 03 / TOOLS
VS CodeChrome DevToolsGitVite / WebpackFigma
成长路径 04 / PATH
0–1 年 · 上手
能独立还原页面、写业务组件，理解接口联调与常见 bug 定位。
1–3 年 · 独立
负责一个完整模块，能设计组件 API、处理性能与边界状态。
3–5 年 · 负责
主导前端架构、工程规范与跨端方案，开始带人和做技术选型。
5 年+ · 纵深
向前端架构师、全栈或体验技术负责人发展，参与产品决策。
面试高频题 05 / INTERVIEW
- 重排与重绘的区别，以及如何减少布局抖动
- 事件循环、宏任务与微任务的执行顺序
- 从输入 URL 到页面可交互的完整链路
- 组件设计：如何拆分受控组件与状态归属
适合什么样的人 06 / FIT
常见疑问 07 / FAQ
关联行业与相关岗位 08 / LINK
这个岗位常出现在这些行业，也常与这些角色协作：
入行必知 · 岗位小知识
E
企业规模 × 参考薪资
示意区间 · 非官方统计 · 可由社区修订同一岗位在不同规模的企业里，做的事和拿的钱都不一样。以下为编辑整理的参考区间，欢迎提交修订。
| 企业规模 | 参考月薪 | 工作重心 |
|---|---|---|
| 初创 / <50 人 | 12–22K | 一人多岗，重交付速度 |
| 成长型 / 50–500 人 | 18–32K | 开始建组件库与规范 |
| 大型 / 500–5000 人 | 25–42K | 重性能、可访问性与跨团队协作 |
| 平台型 / >5000 人 | 32–60K | 做基础架构与体验技术纵深 |
需要的能力
五维能力模型，等级 1–5
工程实现
5/5
协作沟通
4/5
业务理解
3/5
系统抽象
4/5
交付韧性
4/5
G
在岗体验
体验用几个真实会遇到的情景，体验一遍这个岗位 / 行业每天在权衡什么。
前端工程师 · 上线前一夜
两个情景，体验这个岗位每天真正在权衡什么。
D
讨论区
讨论遇到不准确的地方？把你的经验留在这里，其他人也能看到。
匿
面试高频题这一块很实用，建议加上「现场写代码时怎么解释思路」，这块常被忽略。
W
提交修订提案
修订像维基百科一样，任何内容都能被补充：指出字段、写下建议与理由，被采纳后计入贡献值。
→
相关岗位
→