Home

Awesome

<p> <a href="https://github.com/Wscats/CV"><a href="https://opencollective.com/yao" alt="Financial Contributors on Open Collective"><img src="https://opencollective.com/yao/all/badge.svg?label=financial+contributors" /></a> <img src="https://img.shields.io/badge/Star-500+-orange" /></a> <a href="https://github.com/Wscats/CV"><img src="https://img.shields.io/badge/Version-6.66-brightgreen" /></a> <a href="https://github.com/Wscats/CV"><img src="https://img.shields.io/badge/Github Page-Wscats-yellow" /></a> <a href="https://github.com/Wscats"><img src="https://img.shields.io/badge/Author-Eno Yao-blueviolet" /></a> </p>

体验地址: http://wscats.github.io/CV/omi/build/index.html

项目地址: https://github.com/Wscats/CV

简历的本质

在写简历之前,我们必须清楚的了解一件事情,那就是简历是什么? 它不是人生履历,不是项目清单,也不是技能大放送。 简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的,简历可以是一段视频,一个开源项目,一张照片,甚至是一行字,比如:

I wrote javascript

当然,绝大部分简历的形式,就是我们所熟知的,是一篇文章。即使你通过其他方式获得了面试,当你入职的时候,还是要有这么一份纸质简历的,所以不要想着偷懒。

其实简历不只是表现自己,更是传递以下三个信息,增强通过率。

正如你抉择跳槽,思考要不要留在这个公司的时候,你也可能考虑下面三点

当然企业和你的相互选择其实正如上面几点中的考量和博弈,当然面试是平等的,是相互选择的结果,所以有你对企业的考量,也有企业对你的考量

回归到写简历,和很多人在大学写议论文写作文是不同的,过分的论证会显得自夸,反而容易引起反感,所以要点到为止。这里的技巧是,提供论据,把论点留给阅读简历的人自己去得出。放论据要具体,最基本的是要数字化,好的论据要让人印象深刻。

举个例子,下边内容是虚构的:

2015年(时间可以具体到年月,或者经历的项目周期),我共同(一般都是团队开发了,单干就别写了,除非你个人能力非常突出)参与了XX新闻网站后端发布系统的开发(这部分是大家都会写的)。作为团队里面的核心程序员,我不但完成了网站界面、功能逻辑的开发工作,更提出了高效的组件化和模块化开发方案,通过模块化开发让团队成员较少编写代码时候的冲突,通过组件化让团队成员分工合作,各善其职,有效的提升了系统的的开发效率。(这部分是很多人忘掉的,记得写出你在这个项目中具体负责的部分,以及你贡献出来的价值。)在该系统上线后,Web前端性能从10QPS提升到200QPS,服务器由10台减少到3台(通过量化的数字来增强可信度)。2016年我升任WAPCMS项目负责人,带领一个3人小组支持着每天超过2亿的PV(这就是你自身的优势。你能带给旧企业的价值,也就是你能带给新企业的价值。)。

有同学问,如果我在项目里边没有那么显赫的成绩可以说怎么办?讲不出成绩时,就讲你的成长。因为学习能力也是每家公司都看中的东西。你可以写你在这个项目里边遇到了一个什么样的问题,别人怎么解决的,你怎么解决的,你的方案好在什么地方,最终这个方案的效果如何。

具体、量化、有说服力,是技术简历特别需要注重的地方。

(以上内容在写完简历后,对每一段进行评估,完成后再删除)


联系方式

(HR会打印你的简历,用于在面试的时候联系,所以联系方式放到最上边会比较方便)


个人信息


工作经历

工作经历按逆序排列,最新的在最前边, 因为HR更多的是了解你在上一家公司或者近几年你的工作情况,我建议实际工作小于半年的你也可以不写当然(IT行业跳槽如此平凡~),因为短的在职经历会让HR觉得你不够稳定,存在录用后的风险,还有工作经历最好有层次感,比如你刚开始第一份前端工作你用的技术比较简单,你可以写你自己负责切图,用jQuery写逻辑,用sass写样式,然后再下一份工作你可能技术加强了,你就可以写你用vue,angular来开发了一个单页面应用,还负责写了部分后端接口,这样可以让面试官觉得你有自我学习,不断进步的习惯。

123公司 ( 2016年9月 ~ 2017年9月 )

456项目

我在此项目负责了哪些工作,分别在哪些地方做得出色/和别人不一样/成长快,这个项目中,我最困难的问题是什么,我采取了什么措施,最后结果如何。这个项目中,我最自豪的技术细节是什么,为什么,实施前和实施后的数据对比如何,同事和领导对此的反应如何。

789项目

我在此项目负责了哪些工作,分别在哪些地方做得出色/和别人不一样/成长快,这个项目中,我最困难的问题是什么,我采取了什么措施,最后结果如何。这个项目中,我最自豪的技术细节是什么,为什么,实施前和实施后的数据对比如何,同事和领导对此的反应如何。

其他项目

(每个公司写2~3个核心项目就好了,如果你有非常大量的项目,那么按分类进行合并,每一类选一个典型写出来。其他的一笔带过即可。)


根据上面的模板你可以这样来写

广州XX有限公司(2016.09 ~ 2017.03)技术部-前端工程师
这个项目目的主要以成人学历为主线开发,有大专、本科、资格证等线上销售的教育培训产品。
我在此项目负责了前期界面研究,做出原型设计,原型切图,配合后台开发人员设计界面与开发功能,并负责框架开发,封装公共组件,以及根据需要引进第三方插件。
我在项目中遇到的最大困难是实现产品前端界面效果与设计图纸在某些界面上难以绝对统一
我采用Vue+jQuery开发方案,在细节上我运用了jwplayer.js、jquery.KinSlideshow来实现幻灯片轮播效果,增强用户体验更好等。

自我评价

最好突出自己的优势,比如学习能力,解决问题能力,带队能力,沟通能力和技术能力等等 想简单点可以这样写:

1.喜欢学习新技术,有良好的文档编写和代码书写规范,耐心打磨用户体验和用户界面
2.有良好的沟通能力和团队合作能力,性格随和,认真负责,自学能力强

详细的你也可以这样来

1. 对前端技术具有浓厚的兴趣,喜欢逛CSDN,博客园等技术论坛;
2. 具备良好的审美能力,有良好的代码编程习惯;(说好的审美,可以和设计师好好玩耍)
3. 学习适应能力强,愿意不断学习新知识丰富自己;(学习能力大企业最看重)
4. 抗压能力强,有信心在不同的工作强度下进行开发工作;(抗压技能点加上,去常加班的公司有独特优势,额)
5. 性格随和,具有良好的团队合作精神。(性格最好能适应团队)

开源项目和作品

选取你自己Github上的某个开源项目即可,当然开源项目最好写清楚文档,比如安装方法,核心代码的分析(这一段用于放置工作以外的、关键来证明你的能力的材料,也可以理解为其他工程师或者开源社区对你的认可度)

开源项目

(对于程序员来讲,没有什么比Show me the code能有说服力了)

技术文章

(挑选你写作或翻译的技术文章,好的文章可以从侧面证实你的表达和沟通能力,也帮助招聘方更了解你)

技能清单

(我一般主张将技能清单写入到工作经历里边去。不过很难完整,所以有这么一段也不错) 以下均为我熟练使用的技能

例如你可以这样写,当然你得根据自己的个人情况进行修改

1、熟练使用合理的结构和样式编写兼容主流浏览器的页面;
2、能适当运用CSS3使页面在现代浏览器上效果更佳;
3、熟练运用rem单位和flex布局实现不同浏览器宽度下的整页缩放;
4、熟练使用photoshop软件进行简单的图片处理,能根据图片特征保存成最优的格式;
5、熟练使用原生javaScript以及常用javaScript库,如jQuery、zepto;
6、能运用模块化、面向对象的方式编程;
7、了解http协议,能够根据http请求报文、响应报文和状态码排查问题;
8、熟练运用ajax实现异步数据传递,熟悉JSON等数据交换格式;了解php和数据库;
9、了解如何使用node.js搭建本地server模拟接口返回数据测试ajax接口;
10、能使用Bootstrap、WeUI、Ionic等前端样式库和框架进行开发;
11、熟练运用AngularJS,VueJS进行模块开发,了解双向数据绑定原理,熟练编写控制器、服务、组件、过滤器等
12、熟练使用Gulp对代码进行压缩合并;熟悉使用Git和SVN进行代码管理和版本控制;

当然再举个例子(精通慎用!熟悉可以多用,不够自信就用了解吧,额哼)

1、熟练HTML、DIV+CSS的页面布局,能根据设计图完成页面制作
2、熟练响应式布局、弹性盒布局,熟悉基于HTML5,CSS3和ES6新特性的WebApp开发以及移动端适配,了解Canvas动画制作
3、熟练主流浏览器的兼容性以及相应的适配技术,完成页面的完整兼容
4、熟练掌握Bootstrap,Ant Design等前端UI框架,了解Sass,Stylus等CSS预处理器,
5、熟悉掌握原生JavaScript,熟悉jQuery,了解Zepto
6、熟练ReactJS、AngularJS等前段框架,了解MUI、Vue框架
7、熟练使用AJAX进行数据交互,协助后端开发工程师完成项目
8、熟练JSON数据的使用以及处理方式
9、熟练LocalStorage、SessionStorage、Cookie等本地存储,并实现token令牌登录
10、熟悉使用Swiper、Font-awesome、jQueryUI以及jQuery插件等前端插件
11、熟练使用Cordova插件将WebApp打包成安卓App,实现混合App开发
12、熟练使用Visual Studio Code、SublimeText、HBulider、Git、Gulp、Postman、Photoshop 等开发工具
13、熟练使用Node.js搭建Webpack环境,并使用过Express和MongoDB并开发过后端接口
14、熟练Taro多端开发,能灵活调用接口实现摄像,录音,定位,支付等功能
15、了解微信公众号开发,微信小程序开发
16、了解云服务器的基本搭建部署和运作流程

这里尽量不要重复叙述相同的技能点,保持好每一条都是独特的,每一条描述出现的英文技能点关键词尽量保持大小统一,比如Bootstrap、WeUI、Ionic,这样写没问题,但是不要个别大写个别小写bootstrap、WeUI、ionic,遇到强迫症的HR就尴尬了,不过有些还是例外的比如jQuery,还是第二个字母大写吧(...额,不解释),还有这里不要出现一些“感性“的描述,比如熟悉使用PHP,能跟后端工程师愉快的合作(什么鬼),这些句子就不要出现了

参考技能关键字

本技能关键字列表是在简历和招聘信息中统计出来的高频词。如果您的简历要投递给有机器(简历筛选系统)和非机器(不懂技术的HR)筛选简历环节的地方,请一定从下边高频关键词中选择5~10个适合你自己的。

SkillSkillSkillSkillSkillSkill
webjavascripthtml5css3H5js
ajaxw3cdivcsshtmlES6
vueangularreactbackbonejQueryzepto
jsonxmlxhtmlbomdomsvg
uiphotoshopweuibootstrapionicflex
atomvisual studio codehbuildersublime textfirebugdreamweaver
aspjspjavarubypythonphp
psmobilemvcmvvmmvpwww
httphttpsftpsslwebsocketseo
sasslessAMDCMDrequirejsseajs
githubstackoverflowsegmentFaultcodingcsdn
linuxmacwindowsiosandroid
gulpgruntwebpackgitsvn
flashjssdkphonegapcordovahybrid
firefoxchromesafaricharles
expressnodejskoa
semanticfoundationyui
actionscriptcoffeescripttypescript
mysqlwebapp
面向对象闭包继承组件化模块化数据结构
正则表达式兼容性安全性重构交互性能
微信小程序微信公众号阿里云知乎

简历注意项

在投简历之前必须检查大小写字母是否统一,中英文标点符号要统一,专业词汇是否正确,是否有错别字,细节决定成败,态度决定一切,投简历之前不检查清楚会让面试管觉得你不尊重面试,这会轻易被淘汰!

由于现在比较少手写纸质版简历,但如果需要自己用笔来写的内容(比如签名,笔试题)不要潦草涂乱,字迹要工整,因为字是代表你的形象,也是面试官心情的起点。

面试表现

千言万语总结为三条

面试是平等的,不是上下级的汇报,也不只是简单的一问一答(对方的设问,你也可以有疑问) 如果对方不是主动提问者,那自己要活跃一点,化被动为主动,一般面试官在前三道问题配合简历足够建立对你的印象(包括,技术,人品,沟通和态度等) 技术不行表现态度(表现谦虚,踏实的人品),遇到问题不懂别简单说不知道(面试官更倾向于你彰对这个问题的见解而不是准确答案),遇到不懂问题可以主动先说完自己的理解,剩余部分你可以尝试跟他留个联系方式(QQ,Facebook,Wechat,Email等)等你面试完回去再回复Ta一个答案(能彰显学习能力,态度与决心),有时候这不失是一个很好的机会,有时候面试官考虑的不是你当下的能力,而是未来的潜力(表现学习态度,上升空间和可塑性),做不成同事也可以做朋友,还有给面试官纸质简历的时候,最好双手放过去,铺垫些礼貌的开场白。

面试题参考

这里收录了142多张现场纸质面试题集合,来自于不同面试者应聘不同公司的真实记录

面试前学习片段和笔记

<!-- # 线上简历 > Omi体验地址: http://wscats.github.io/CV/omi/build/index.html > Vue体验地址: http://wscats.github.io/CV/vue/dist/index.html > 项目地址: https://github.com/Wscats/CV -->

其他参考

ArticleArticle
前端程序员经常忽视的一个JavaScript面试题怎样才是一份好的技术简历?
初级前端面试需要带什么作品?——知乎)如何面试前端工程师?——知乎
写给前端面试者如何写好一份前端简历
写给前端面试者(大漠,淘宝)谈谈面试与面试题、谈谈面试与面试题 II (winter,淘宝)
互联网公司技术岗实习/求职经验(实习内推+简历+面试+offer篇)(张秋怡,阿里巴巴)史上最全 前端开发面试问题及答案整理
前端开发面试题(马云云,ZTE)收集的前端面试题和答案(邱德清,阿里妈妈)
web前端面试相关的知识点(王文杰,乐视云)一道常被人轻视的前端JS面试题(沧海)
常见前端面试题及答案(默语,腾讯)前端工作面试问题(一)(Ruipeng Zhang,哈工大)

特别鸣谢

最后

最近比较忙,后面有时间继续整理,感谢您花时间阅读,期待你能找到一份不错的前端工作,加油!谢谢。如果本文能带您一丝帮助或者启发,请不要吝啬你的赞和Star,你的肯定是我前进的最大动力💞

Contributors

Code Contributors

This project exists thanks to all the people who contribute. <a href="https://github.com/Wscats/CV/graphs/contributors"><img src="https://opencollective.com/yao/contributors.svg?width=890&button=false" /></a>

Financial Contributors

Become a financial contributor and help us sustain our community.

Individuals

<a href="https://opencollective.com/yao"><img src="https://opencollective.com/yao/individuals.svg?width=890"></a>

Organizations

Support this project with your organization. Your logo will show up here with a link to your website.

<a href="https://opencollective.com/yao/organization/0/website"><img src="https://opencollective.com/yao/organization/0/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/1/website"><img src="https://opencollective.com/yao/organization/1/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/2/website"><img src="https://opencollective.com/yao/organization/2/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/3/website"><img src="https://opencollective.com/yao/organization/3/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/4/website"><img src="https://opencollective.com/yao/organization/4/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/5/website"><img src="https://opencollective.com/yao/organization/5/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/6/website"><img src="https://opencollective.com/yao/organization/6/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/7/website"><img src="https://opencollective.com/yao/organization/7/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/8/website"><img src="https://opencollective.com/yao/organization/8/avatar.svg"></a> <a href="https://opencollective.com/yao/organization/9/website"><img src="https://opencollective.com/yao/organization/9/avatar.svg"></a>