004.前端面试排雷之唱、跳、rap三步曲（一）唱篇

酒香犹怕巷子深，说学逗唱样样学。

投递了简历但是了无音讯。等待你的可能是，hr的一句不合适，您已加入简历库。你那，精心准备的简历，貌似并不能打动HR。别辜负了你的，爆肝熬夜，深思熟虑，字字珠玑。我就来带你排排雷。

怎么投

请不要用word，请不要给jpg，请转pdf。

请不要用word，请不要用word，请不要用word，请转pdf，请转pdf，请转pdf。不同电脑对word的解析，不同，会错，会乱。而且大部分技术面试官的电脑是MacBook，他们的电脑上可能就没有office全家桶。他们用pages文稿、keynote、numebrs表格。估计这都是老生常谈的东西，但是今天就让你们看看到底会乱成什么样子。

给jpg的同学，你是不知道，你发出来的图片会被各大平台压缩，然后失真，最后糊成一坨屎吗？

惨痛案例

厉不厉害？开不开心？是不是要负责人给你重新排个版？这里有同学就会问了，为什能过hr那关呢？这里解释一下，简历的流向。首先hr会在各大招聘平台查看简历，平台会提供在线观看简历功能。这个在线观看简历呢，就比较扯淡了，会美化格式，适应大部分浏览器。然后hr看着不错，下载简历，投送给负责人。hr可不会二次检查你的简历，所有会有这种情况发生。

负责人看到这种简历，有两种情况。比较闲，让hr把在线简历打印成电子版。比较忙，再见，不合适。

到底要用什么投递呢

pdf天下第一，pdf天下第一，pdf天下第一，pdf天下第一。到底用什么投递请重复看前面4段。

markdown
word
各种笔记工具

别打我，刚刚说了别用word，现在为啥又同意你用。同学你知道word也可以转出pdf的么？现在大部分各种笔记，不是有markdown to pdf 的功能吗？请你善用好么。

排啥版

别花里胡哨

首先hr会不分场合，不分地点的给，负责人投喂简历。负责人可能用，电脑、手机、pad。那些花哨的简历，在手机、pad下看，是非常难受的。需要放大n倍，低下头，认认真真看。其次，负责人关注的是你的工作经历、技术栈、工作成果。你技能熟练程度，给个进度条是什么鬼？

惨痛案例

首先，负责人关注的，是你的右侧，你的左侧基本一带而过，左侧占了几本3分之1篇幅，低效率。技能不明确，搞啥进度条，篇幅太短，空间不够写不下了吧。

优秀栗子

github.com/geekcompany…

个人信息

胶布帝/男/1990
本科/萌鹿大学计算机系
工作年限：3年
技术博客：juejin.im/user/5860ed…
Github：github.com/Zjingwen
期望职位：Web前端高级程序员，应用架构师
期望薪资：税前月薪15k~20k，特别喜欢的公司可例外
期望城市：北京

工作经历

ABC公司（ 2012年9月 ~ 2014年9月）

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

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

JKL公司（ 2010年3月 ~ 2012年8月）

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

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

开源项目和作品

开源项目

github.com/Zjingwen：项目的简要说明，Star和Fork数多的可以注明
github.com/Zjingwen：项目的简要说明，Star和Fork数多的可以注明

技术文章

数十条业务线以上的，前端小团队瞎逼基础服务思路
typescript初体验（一）

技能清单以下均为我熟练使用的技能

Web开发：PHP/Hack/Node
Web框架：ThinkPHP/Yaf/Yii/Lavaral/LazyPHP
前端框架：Bootstrap/AngularJS/EmberJS/HTML5/Cocos2dJS/ionic
前端工具：Bower/Gulp/SaSS/LeSS/PhoneGap
数据库相关：MySQL/PgSQL/PDO/SQLite
版本管理、文档和自动化部署工具：Svn/Git/PHPDoc/Phing/Composer
单元测试：PHPUnit/SimpleTest/Qunit
云和开放平台：SAE/BAE/AWS/微博开放平台/微信应用开发

参考技能关键字

web(熟悉 / 良好 / 接触)
javascript(熟悉 / 良好 / 接触)
css(熟悉 / 良好 / 接触)
html(熟悉 / 良好 / 接触)
jquery(熟悉 / 良好 / 接触)
html5(熟悉 / 良好 / 接触)
js(熟悉 / 良好 / 接触)
ajax(熟悉 / 良好 / 接触)
css3(熟悉 / 良好 / 接触)

致谢感谢您花时间阅读我的简历，期待能有机会和您共事。

点评优秀栗子

排版清爽，简单粗暴，明确工作年限，技能点，个人信息，项目信息。留白少，有充分发挥空间。从项目经历、开源经历、文章积累，都一一列举，让人赏心悦目。

写点啥

发现很多同学，都是列举项目，把项目功能列举一遍、项目用到的技术列举一遍。其实这只是你一个项目的一部分而已。你更应该列举，给公司带来的收益。pv、uv多少，兼容了那些机型，管理台上线怎样加速操作人员的便利性。你为什选用这些技术，就算技术不是你选择，你可以直接询问负责人，为什么这样选，让自己学习学习。

惨痛案例

项目描述：成员公司的交易数据可视化，成员公司员工的交易数据及交易风险可视化，交易国的风险指数及相关数据的可视化。
技术栈：基于Echarts、vue负责整个前端部分的开发。
复制代码

点评：列了下功能，列了下技术，然后就没有了。你给公司带来什么收益？你为什么选用这些技术？你负责了那些点？

优秀案例

移动端商城
负责：一个完整的移动端商城站点，包含首页、商品详情、领卷、商品集合、文章。添加埋点统计pv、uv、事件、跳转。
实现：利用vue spa站点的制作方法，给予用户极佳的体验，spa的做法对于项目的迭代、解耦比较友好。同时利用插件将css、js降级处理实现兼容。利用全局事件+dom的匿名属性实现统计效果。
产出：上线至今日pv XXw+，uv XXw+。兼容微信、UC、小米4/5/6/7机型至最近机型、viov、oppo、iphone5/6/7/8。
选型：vue+vue-router+webpack。
复制代码

点评：明确自己做了什么，带来什么给收益，如何实现的，为什么这样选择。让负责人感知到，这位面试者给，公司带来了改变，量化了产出。

职场萌新

针对没有项目经历的同学，你可以列举自己的经历，关注点是一样的，你做了什么、你选型的利弊、你带来了什么收益，给你自己带来的学习收益是可以的。你学到了那些技能点，你碰到了什么坑。给自己一个量化的总结。

总结

简历是面试者与负责人的初次见面，请把握时机，完全的展示出能力，你的技能点、执行力、学习能力。加油吧，少年们。你们还有星辰大海。

接下来，还有跳、与rap篇，敬请期待。