关于前端项目经历我是这样写的

1,150 阅读6分钟

前段时间经历了jinsheng季,为了写ppt,真的是绞尽脑汁,尽可能找到自己做项目的亮点,比敲代码还累。倒还好的是这与写简历的思路差不多,也算是阶段性汇总下简历素材了。

下面我来粘贴下自己写的,当然很多业务、数据相关的都用xx代替了,剩下的真实内容不多,但会加上自己总结点。希望这份模板对读者有用,不好的地方也欢迎讨论或指点。

工作概述

期间项目内容本人职责备注
2023.01 ~ 至今跨部门支援XX项目开发前端开发,负责XX迁移项目等工作
2022.09 ~ 2023.01xx管理系统前端开发,主要负责XX迭代
2021.10 ~ 2022.09xx小程序开发前端开发,xx等功能开发独立负责
2021.02 ~ 2022.09xx网站开发前端开发,搭建xx网站,负责xx等功能独立负责
2021.02 ~ 2022.08xx等系统维护前端开发,xx维护代码

平时多写写周报、文档,不然写ppt或简历时真的后悔莫及。写周报、文档等可以帮助你记录你的工作进展和成果,这些记录可以帮助你回顾自己的工作,也可以作为以后写简历或者PPT的素材。在写周报、文档等时,尽量描述清楚你所做的工作、遇到的问题以及你所采取的解决方案,这样可以让你更好地回忆起你的工作,并且可以帮助你更好地展示自己的能力和经验。

主要项目

遵循原则

要说明个人贡献、要介绍有效举措、要看看踩过的坑、要精准阐述要点

不要只说团队整体、不要只晒业绩数字、不要只报喜不报忧、不要泛泛侃侃而谈

项目一:xxx

运用STAR法则,说明项目的背景、项目的目的、采取的行动、遇到的挑战、取得的成果,为团队带来哪些可量化的价值(尽可能有量化的结果,如有数据,数据要展示清晰、准确)。

STAR形式展现:S(背景),T(任务),A(行动),R(结果)。

产品定位

面向xxx平台,为用户提供xxx。

产品特点

  • xx体系。。。
  • 提供xx服务
  • 更友好的工具xxx

目标用户

针对xx,初级水平的用户。

挑战一:开发svg图表

背景

xx后,需要更直观查看自己的xx,并且进行数据对比分析。

任务

开发xx情况等图表。

行动

图形化技术是前端领域相对一个难点,需要定制数据模型,结合数学逻辑绘制 图形。市面上antv之类的库相对比较大,再加上不能够完全定制化ui细节。为完全还原ui设计稿考虑,自行使用svg实现了一套轻量级图表,包括雷达图、 折线图、柱状图等。

结果

完全满足支持xx业务需求的同时,让代码体积更小。

文章中涉及图片展示的也不粘贴出来了。

注意平时做开始时,一定要记的截图保存一些有趣或者有挑战性的页面

挑战二:引入AceEditor代码编辑器

背景

为满足用户可以xx使用,xx需要提供友好的代码编辑器。。。。。。

任务

对比各个开源代码编辑器,选择一个适合的引入。

行动

调研并引入了AceEditor代码编辑器。由于AceEditor原先提供的代码片段提 示非常粗糙,对用户体验不好。所以在研究了源码后,主动提了 pr(github.com/ajaxorg/ace…),并且合并,可以让代码片 段提示更加友好。

结果

提供了支持代码高亮、代码补全、主题切换等各功能的在线IDE,结合后端接口,用户可以在线调试和编译代码结果。

挑战三:实现完整的比赛逻辑

背景

xx平台提供了用户报名-比赛-排行榜-证书-赛后分析等完整服务,为保证比赛的公平性与专业性,必须要有一套严谨的比赛规则与流程。

任务

产品定出防作弊规则后,与后端讨论实现xx。。。

行动

产品制定规则后,与产品、后端和测试多次探讨,敲定详细实现细节。调研并 支持了摄像头监控、考试随机截图、部分防复制、限制多端登录、考试倒计时、自动交卷等功能。

结果

至今xx平台举行xx次比赛,并支持xx等各种赛事。

产品数据表现

  • 整合xx资源,进行xx改版,整体日均xx人数xx+,次数xx+,相较去年同比提升x倍
  • 首次提供xx服务,累计访问人数xx+、访问次数xx+,单次最高xx人数xx,次数xx+。

和产品大大搞好关系,很多产品介绍、数据统计等都可以找ta,毕竟有了数据支撑才能让自己的经历更立体,自身能力的表现更有说服力。

项目二:xx

产品定位

一个支持xx工具。。。

产品特点

  • 提供xx
  • xx体系
  • ...

目标用户

全国xx的用户xx+

挑战1:小程序支持markdown渲染,支持latex数学公式显示

背景

市面上没有xx的竞品,该产品更适合xx。

任务

在后台编辑md格式的xx后,小程序能够正常显示,并且数学公式。

行动

开源项目中小程序md或者富文本渲染器相对较少,比较后最终选了业界评价 较好的mp-html。但是目前还未有渲染器支持latex数学公式,在自己调研并学习源码后,首次封装了latex显示插件,也为mp-html项目提了 pr(github.com/jin-yufeng/…),并已合并。

结果

上线了完整的xx,打造了xx。

挑战2:支持canvas图表xx报告

背景

用户可以在移动端xx的同时,提供整体的xx报告。

任务

小程序支持xx图表显示

行动

由于小程序并不像H5页面,暂不支持原生svg。即使支持canvas,但也不是原生,有诸多限制。在调研后,使用了@antv/f2-context库提供的canvas的api,并且参考github.com/tomalloc/ta…开源项目封装了图表组件。

结果

实现了xx,完成xx闭环。

产品数据表现

  • 提供xx服务,xx人数:xx万人。为xx提供精准xx,相较去年提升x倍。
  • 为用户提供xx完整的功能,约xx%用户使用xx,相较去年xx同比相对提升xx比例xx%。

个人成长

1、组内分享

  • ...

2、技术文章

  • ...

3、其他方向能力的成长

  • 入职xx年参与了xx多个业务线的开发,加强了对自己部门以及跨部门的业务熟悉度。
  • 提升了个人主动性,更多地锻炼产品思维,为优先用户体验考虑。

4、个人的沉淀与分享

获得了xx

个人规划

  • 在第x季度,多参与并熟悉xx各个产品业务,夯实业务能力。
  • 在空闲时间,更多地参与xx项目贡献,持续发光发热。
  • Balabala。。。总结:我会好好干🙃

最后要厚着脸皮找老大看看自己的ppt,指点指点。他的观点也是大部分评委想说的。

别忘了让chatgpt帮忙润色一下