本篇是经过阿里P8大佬指点,手写出来一份P6级的前端简历,全是干货,最后银四冲刺阶段,没有找到工作的中高经验前端要注意了,本篇内容都可以【点击此处】,内置详细MP4以及源码等笔记!
1.简历侧重点
-
简历模板不要太花哨,尽量清晰简单;
-
简历⾏间距要留⽩,不要加⼊过多;
-
不要通篇都是加粗字体,只针对核⼼字体加粗标识即可,不然会导致虚焦,容易让⾯试官抓不住重点;
-
简历的核⼼在于⼯作描述和项⽬描述,这两部分⼀定要重点描述清楚,不要写很“虚”的内容,⼀定要精确到技术栈的使⽤和实现,⼯作项⽬中可以讲的⽐较笼统,但项⽬介绍⼀定要精确到项⽬实现细节和难点;
1.1 工作经历的注意事项
-
⼯作经历建议从近到远的写;
-
如果当前⼯作经历过多,⽐如 超过1年1跳,可以针对⽐较⽼的⼯作经历(⽐如有4份⼯作经历,其中⼯作前2年有2份⼯作经历)进⾏合并处理,因为就算背调也⼀般会背调最近两份⼯作经历,过⽼的⼯作经历主要⽤来看项⽬的稳定性,可以适当润⾊合并;
-
如果近期的⼯作经历有空窗期超过2个⽉,建议可以补充⾃⼰在空窗期也有技术的成⻓;如果空窗期超过了半年,⼀定要加项⽬,不可有过⻓的空窗期,参考如下,甚⾄ 公司项⽬结束了离职后,⾃⼰的项⽬ 这些⽂字也可以不要,⾯试官问流⽔可以说是项⽬创业或者没有缴纳社保,只要有正当理由表⽰就可以;
-
针对⽼项⽬,⽐如4~5年前的项⽬,如果做的内容不是前端⼯作,也可以写成前端的⼯作内容;
1.2 项⽬要如何写才能达到⾯试官满意的程度
注意:以上项⽬的描述是最基础的,不可以直接抄到简历上。
建议项⽬按照:34个业务项⽬ + 23个技术项⽬穿插着写,(年限低的同学可以适当缩减)。
• 业务项⽬:
a. 业务项⽬是要体现在⼯作过程中遇到的实际问题的,建议围绕着 前端性能优化、稳定性治理、 ⽤⼾体验 和 ⼯程化落地 这⼏个⽅向去写;
b. 第⼀部分(1~2点):写关于Vue 、React 技术栈的使⽤,不要写 使⽤使⽤Vue、React 完成了项⽬开发迭代,要讲到使⽤这部分技术栈完成了xxx具体业务的开发;
c. 第⼆部分(1~2点):使⽤了哪些⽣态库完成了项⽬的开发: 这⾥可以写使⽤ elementUI、ant design等完成了xxx系统的xxx部分的开发迭代;使⽤xxx实现了xxx功能,⼀定要落实到具体的技术点;
d. 第三部分(2~3点):当前项⽬中的亮点,也就是别⼈没有⾃⼰有的内容,这块要往 前端性能优化、稳定性治理、⽤⼾体验 和 ⼯程化落地 这⼏个⽅向靠,⼀定要具体;
e. 第四部分(1点):如果有团队管理经验,要写出来带团队内容,⽐如 带领xx⼈完成xx项⽬的前端开发,负责需求的分发和业务进展的同步;
f. 第五部分(1~2点):可以结合技术项⽬,写出如何使⽤技术项⽬解决了业务项⽬的痛点,或者紧接着当前的业务项⽬,单独罗列出技术项⽬;•
技术项⽬:项⽬参考⻜书链接:
前端实战课分享汇总 密码:Hn(>bn9?
a. 是为了体现出技术的深度的,要结合着业务背景说,不可以⼲巴巴的直接写做了xxx的技术项 ⽬,⼀定要解决特定的业务问题的;
b. 举例:课程实战中的 前端编码规范⼯程化,项⽬名称要改成:xxx后台项⽬编码格式统⼀ 或者xxx项⽬前端代码规范治理,要结合着业务背景去讲。像项⽬中⾃带的简历描述,要结合着⾃⼰对业务的理解和当前技术项⽬的掌握去写,不要⼀股脑照抄。事实证明,照抄的项⽬⼤多数不会吸引⾯试官的;
c. 建议 业务项⽬ + 技术项⽬ + 业务项⽬ 穿插写;或者业务项⽬中包含着部分技术项⽬的内容,要体现出技术项⽬是如何解决业务项⽬痛点的;
1.3 参考业务项⽬
项⽬描述:XXXAPP + 后台管理系统是XXXX,为客⼾提供保XXX服务。该项⽬原开发语⾔为Vue2,为了 便于迭代维护使⽤ Vu3 进⾏重构。
项⽬职责:
-
App 端:运⽤ vue2/3 全家桶技术开发包括 app ⾸⻚、⾸⻚弹框、菜单列表、XXX等功能模块、⽀ 持了XXX等活动内容;
-
pc 端:运⽤ elementui 框架实现XXX等功能;
-
⼩程序:运⽤ uniapp 技术实现XXX等功能;
-
后台管理系统:运⽤ elementui 框架开发⾸⻚轮播、中部 banner、菜单等配置功能;
-
实现代码的组件化、配置化,开发过程中及时发现、处置⻛险,避免项⽬延期;
-
连续 n 年带领 m ⼈团队⾼质量完成前端开发⼯作;
-
制定前端编码格式化校验、代码⼀键修复、提交信息校验等代码⼯程规范;
2. 优秀简历项⽬参考案例指南
1. 最佳实践
建议从最佳实践落地的⻆度讲,升级Vue2->Vue3过程中,如何做到平稳渐进升级的。
a. ⽣态库的升级,例如以下⼯具,如何选择的:
i. 构建⼯具链: Vue CLI -> Vite
ii. 状态管理: Vuex -> Pinia
iii. IDE ⽀持: Vetur -> Volar
iv. 新的 TypeScript 命令⾏⼯具: vue-tsc
v. 静态⽹站⽣成: VuePress -> VitePress
b. 升级过程中,Vue2 -> Vue3的兼容性处理,是选择全量新项⽬构建,还是在原有项⽬升级?衡 量点是什么?最后的效果是什么?
c. 构建⼯具升级后的优化,webpack -> vite,如果升级?建议参考:
d. 提效产出:更新后,开发效率提升了XX%,业务提升XX%;
2. 横向技术 - 多端适配
a. 描述清楚业务价值:(⼀套H5适配⼩程序端、APP中H5、微信公众号H5),抽离了底层的差异 性(如跳转⽅式,存储⽅式,调⽤原⽣能⼒的不同),开发了⼀个库,将现有的项⽬都对接该库。业务项⽬⽆需关⼼差异性,提升⼈效XXXX;
b. 技术难点:基于uniapp⼆次开发,在每个平台(Web、Android App、iOS App、各家⼩程序)如何封装好runtime API,抹平中间差异化部分,封装npm SDK包统⼀使⽤。
c. 体现亮点:
i. runtime 抹平;兼容XXX业务功能;
ii. npm SDK 统⼀管理平台:业务功能封装,⽀持标准流程接⼊新指标;
iii. JSDoc:⾃动部署同步新特性描述⾄静态服务站点;
iv. jest:单测覆盖率达到XXX;
3. 稳定性治理(类似参考实战课项⽬ 8. 前端稳定性监控)
a. 描述清楚业务价值:通过监控收集前端各类错误信息,实现了⽀持多平台、可扩展、可插拔式的前端错误信息,通过⽇志上报,⾏为展⽰,从⽽快速定位问题,提升系统稳定性;
b. 技术难点:定义好监控标准,⽀持插件化⽅式集成;抽离⻚⾯监控、Vue监控、React监控、⼩程序监控及性能监控;定义好插件统⼀收⼝,⽀持渐进式迭代升级;
c. 体现亮点:
i. 定量收集不同错误、性能指标类型标准;
ii. 错误插件式集成流程;
iii. 定义数据上报⽅式及时机:利⽤浏览器空余间隙上传 requestidlecallback,上传⽅式: XHR、Image及sendBeacon;
iv. 定义统⼀报错⽇志;
4. 如何基于课程中项⽬将⾃⼰项⽬的写出彩?
思路:
先说⾃⾝业务上的背景,基于⾃⾝业务背景(不设限),开始引导到实际课程项⽬上,⼀定要有个业 务背景的引导,避免太过于直⽩尴尬:
-
vue:引导⾄vue3 AI智能助⼿(属于vue3的最佳实践,优先引导⾄这个项⽬)、⽆代码可视化;
-
react:引导⾄react Hooks实战(属于react的最佳实践,结合react 性能优化 课程⼀起去讲)、 es6性能优化(包含react ssr 及 webpack 设计,可以当做第⼆个react项⽬去讲)
-
技术框架不设限:可以先讲做的业务内容,做完业务内容后,开始讲在业务背景的基础上沉淀的技术横向项⽬
a. 前端编码规范⼯程化
b. 前端稳定性监控
- Uniapp、Taro:基于基础的⼩程序项⽬,额外要讲关于性能优化的具体实现,可以参考以下部 分;a. uniapp:zh.uniapp.dcloud.io/tutorial/pe…
b. taro:docs.taro.zone/docs/optimi…
3. 具体技术栈应该掌握到什么程度?
略
4. 手把手写简历
暂时就分享到这里,觉得对面试有帮助,可以点个赞,欢迎讨论,本篇详细内容可以【点击此处】内置详细MP4以及源码等笔记!
最后希望大家都能在银四拿到心仪的offer!