前端简历的区分度不在“会 Vue 还是 React”，而在“你做的页面在真实用户手里表现如何”：加载快不快、交互稳不稳、代码能不能被别人接着维护。这份模板按技术栈、项目、性能、协作四块拆，校招和社招都能用。
适用人群：前端开发、Web 开发、跨端开发、校招/社招
核心关键词：JavaScript、TypeScript、React、Vue、性能优化、工程化、组件化
最后更新：2026-10-22
一、技术栈怎么排
按“语言、框架、工程化、可视化/跨端”四层排。语言写 JavaScript、TypeScript；框架写你主用的 React 或 Vue，另一个写“了解”；工程化写 Webpack、Vite、Git、CI/CD；可视化或跨端写 ECharts、小程序、React Native 等。不要把所有 UI 库都列上，招聘方不关心你听过多少名字。
主框架只写一个，面试会追问你最熟的那个。你写 React，就要能讲清 hooks、状态管理、渲染性能；你写 Vue，就要能讲清响应式原理和组件通信。
二、项目经历怎么写
用“业务场景、你的模块、技术难点、结果”四段式。业务场景写用户量、页面量、端类型；你的模块写你负责的边界；技术难点写你做的关键决策，比如组件抽象、状态管理、首屏优化、跨端适配；结果写加载时间、包体积、错误率、开发效率的变化。
可参考的写法
“面向 B 端商家的数据看板，约 40 个页面。负责图表组件库和首屏性能，把 12 个重复图表抽象成配置化组件，按路由拆包并对首屏图表做懒加载；首屏可交互时间从 3.2s 降到 1.6s，重复代码减少约一半（演示用虚构数据）。”
这段话有场景、有你的模块、有技术动作、有结果，面试官能顺着追问。
常见错误
“熟练使用 Vue、React、Webpack、Element UI、Ant Design，负责页面开发和接口联调。”
这是工具清单加职责描述，没有项目深度，也没有结果。
三、性能优化怎么写
性能优化要写“指标、手段、结果”三件事。指标可以是首屏时间、可交互时间、包体积、请求数、帧率；手段可以是路由懒加载、图片压缩、CDN、虚拟列表、缓存、代码分割；结果要能说明测量环境。没有真实数据时，不要编具体百分比，写你做的优化动作和可验证的变化。
四、协作和工程化
前端不是只写页面。简历里要出现一次协作证据：和产品、设计、后端的接口约定，组件规范，代码评审，自动化测试，发布流程。比如“推动团队接入 ESLint 和提交前检查，把线上低级错误压下去”，这比“具备良好的团队协作能力”有说服力。
五、投递前自查
第一，主框架能不能被追问十分钟？不能就换。第二，项目里有没有性能或工程化结果？没有就补。第三，有没有一个你主导的模块？没有就把“参与”改成具体负责的部分。第四，简历里的技术名词是不是都能解释？不能就删。
常见问题
前端简历要不要写 UI 设计？
有作品可以写，但主线仍是工程能力；设计只是加分项，不能替代项目和技术深度。
前端项目没有性能数据怎么办？
写清首屏、包体积、渲染帧率等可测量项，哪怕只是优化前后的对比；没有数据就写你做的具体优化动作。
Vue 和 React 要都写吗？
写主用的一个，另一个写“了解/用过”，不要平均用力；面试会追问你最熟的那个。