酒香猶怕巷子深，說(shuō)學(xué)逗唱樣樣學(xué)。

投遞了簡(jiǎn)歷但是了無(wú)音訊。等待你的可能是，hr的一句不合適，您已加入簡(jiǎn)歷庫(kù)。你那，精心準(zhǔn)備的簡(jiǎn)歷，貌似并不能打動(dòng)HR。別辜負(fù)了你的，爆肝熬夜，深思熟慮，字字珠璣。我就來(lái)帶你排排雷。

怎么投

請(qǐng)不要用word，請(qǐng)不要給jpg，請(qǐng)轉(zhuǎn)pdf。

請(qǐng)不要用word，請(qǐng)不要用word，請(qǐng)不要用word，請(qǐng)轉(zhuǎn)pdf，請(qǐng)轉(zhuǎn)pdf，請(qǐng)轉(zhuǎn)pdf。不同電腦對(duì)word的解析，不同，會(huì)錯(cuò)，會(huì)亂。而且大部分技術(shù)面試官的電腦是MacBook，他們的電腦上可能就沒(méi)有office全家桶。他們用pages文稿、keynote、numebrs表格。估計(jì)這都是老生常談的東西，但是今天就讓你們看看到底會(huì)亂成什么樣子。

給jpg的同學(xué)，你是不知道，你發(fā)出來(lái)的圖片會(huì)被各大平臺(tái)壓縮，然后失真，最后糊成一坨屎?jiǎn)?#xff1f;

慘痛案例

厲不厲害？開(kāi)不開(kāi)心？是不是要負(fù)責(zé)人給你重新排個(gè)版？這里有同學(xué)就會(huì)問(wèn)了，為什能過(guò)hr那關(guān)呢？這里解釋一下，簡(jiǎn)歷的流向。首先hr會(huì)在各大招聘平臺(tái)查看簡(jiǎn)歷，平臺(tái)會(huì)提供在線觀看簡(jiǎn)歷功能。這個(gè)在線觀看簡(jiǎn)歷呢，就比較扯淡了，會(huì)美化格式，適應(yīng)大部分瀏覽器。然后hr看著不錯(cuò)，下載簡(jiǎn)歷，投送給負(fù)責(zé)人。hr可不會(huì)二次檢查你的簡(jiǎn)歷，所有會(huì)有這種情況發(fā)生。

負(fù)責(zé)人看到這種簡(jiǎn)歷，有兩種情況。比較閑，讓hr把在線簡(jiǎn)歷打印成電子版。比較忙，再見(jiàn)，不合適。

到底要用什么投遞呢

pdf天下第一，pdf天下第一，pdf天下第一，pdf天下第一。到底用什么投遞請(qǐng)重復(fù)看前面4段。

• markdown
• word
• 各種筆記工具

別打我，剛剛說(shuō)了別用word，現(xiàn)在為啥又同意你用。同學(xué)你知道word也可以轉(zhuǎn)出pdf的么？現(xiàn)在大部分各種筆記，不是有markdown to pdf 的功能嗎？請(qǐng)你善用好么。

排啥版

別花里胡哨

首先hr會(huì)不分場(chǎng)合，不分地點(diǎn)的給，負(fù)責(zé)人投喂簡(jiǎn)歷。負(fù)責(zé)人可能用，電腦、手機(jī)、pad。那些花哨的簡(jiǎn)歷，在手機(jī)、pad下看，是非常難受的。需要放大n倍，低下頭，認(rèn)認(rèn)真真看。其次，負(fù)責(zé)人關(guān)注的是你的工作經(jīng)歷、技術(shù)棧、工作成果。你技能熟練程度，給個(gè)進(jìn)度條是什么鬼？

慘痛案例

首先，負(fù)責(zé)人關(guān)注的，是你的右側(cè)，你的左側(cè)基本一帶而過(guò)，左側(cè)占了幾本3分之1篇幅，低效率。技能不明確，搞啥進(jìn)度條，篇幅太短，空間不夠?qū)懖幌铝税伞?/p>

優(yōu)秀栗子

github.com/geekcompany…

個(gè)人信息

• 膠布帝/男/1990
• 本科/萌鹿大學(xué)計(jì)算機(jī)系
• 工作年限：3年
• 技術(shù)博客：juejin.im/user/5860ed…
• Github：github.com/Zjingwen
• 期望職位：Web前端高級(jí)程序員，應(yīng)用架構(gòu)師
• 期望薪資：稅前月薪15k~20k，特別喜歡的公司可例外
• 期望城市：北京

工作經(jīng)歷

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

DEF項(xiàng)目 我在此項(xiàng)目負(fù)責(zé)了哪些工作，分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，我采取了什么措施，最后結(jié)果如何。這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。

GHI項(xiàng)目 我在此項(xiàng)目負(fù)責(zé)了哪些工作，分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，我采取了什么措施，最后結(jié)果如何。這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。

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

MNO項(xiàng)目 我在此項(xiàng)目負(fù)責(zé)了哪些工作，分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，我采取了什么措施，最后結(jié)果如何。這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。

PQR項(xiàng)目 我在此項(xiàng)目負(fù)責(zé)了哪些工作，分別在哪些地方做得出色/和別人不一樣/成長(zhǎng)快，這個(gè)項(xiàng)目中，我最困難的問(wèn)題是什么，我采取了什么措施，最后結(jié)果如何。這個(gè)項(xiàng)目中，我最自豪的技術(shù)細(xì)節(jié)是什么，為什么，實(shí)施前和實(shí)施后的數(shù)據(jù)對(duì)比如何，同事和領(lǐng)導(dǎo)對(duì)此的反應(yīng)如何。

開(kāi)源項(xiàng)目和作品

開(kāi)源項(xiàng)目

• github.com/Zjingwen：項(xiàng)目的簡(jiǎn)要說(shuō)明，Star和Fork數(shù)多的可以注明
• github.com/Zjingwen：項(xiàng)目的簡(jiǎn)要說(shuō)明，Star和Fork數(shù)多的可以注明

技術(shù)文章

• 數(shù)十條業(yè)務(wù)線以上的，前端小團(tuán)隊(duì)瞎逼基礎(chǔ)服務(wù)思路
• typescript初體驗(yàn)（ 一 ）

技能清單 以下均為我熟練使用的技能

• Web開(kāi)發(fā)：PHP/Hack/Node
• Web框架：ThinkPHP/Yaf/Yii/Lavaral/LazyPHP
• 前端框架：Bootstrap/AngularJS/EmberJS/HTML5/Cocos2dJS/ionic
• 前端工具：Bower/Gulp/SaSS/LeSS/PhoneGap
• 數(shù)據(jù)庫(kù)相關(guān)：MySQL/PgSQL/PDO/SQLite
• 版本管理、文檔和自動(dòng)化部署工具：Svn/Git/PHPDoc/Phing/Composer
• 單元測(cè)試：PHPUnit/SimpleTest/Qunit
• 云和開(kāi)放平臺(tái)：SAE/BAE/AWS/微博開(kāi)放平臺(tái)/微信應(yīng)用開(kāi)發(fā)

參考技能關(guān)鍵字

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

致謝 感謝您花時(shí)間閱讀我的簡(jiǎn)歷，期待能有機(jī)會(huì)和您共事。

點(diǎn)評(píng)優(yōu)秀栗子

排版清爽，簡(jiǎn)單粗暴，明確工作年限，技能點(diǎn)，個(gè)人信息，項(xiàng)目信息。留白少，有充分發(fā)揮空間。從項(xiàng)目經(jīng)歷、開(kāi)源經(jīng)歷、文章積累，都一一列舉，讓人賞心悅目。

寫(xiě)點(diǎn)啥

發(fā)現(xiàn)很多同學(xué)，都是列舉項(xiàng)目，把項(xiàng)目功能列舉一遍、項(xiàng)目用到的技術(shù)列舉一遍。其實(shí)這只是你一個(gè)項(xiàng)目的一部分而已。你更應(yīng)該列舉，給公司帶來(lái)的收益。pv、uv多少，兼容了那些機(jī)型，管理臺(tái)上線怎樣加速操作人員的便利性。你為什選用這些技術(shù)，就算技術(shù)不是你選擇，你可以直接詢問(wèn)負(fù)責(zé)人，為什么這樣選，讓自己學(xué)習(xí)學(xué)習(xí)。

慘痛案例

項(xiàng)目描述：成員公司的交易數(shù)據(jù)可視化，成員公司員工的交易數(shù)據(jù)及交易風(fēng)險(xiǎn)可視化，交易國(guó)的風(fēng)險(xiǎn)指數(shù)及相關(guān)數(shù)據(jù)的可視化。 技術(shù)棧：基于Echarts、vue負(fù)責(zé)整個(gè)前端部分的開(kāi)發(fā)。 復(fù)制代碼

點(diǎn)評(píng)：列了下功能，列了下技術(shù)，然后就沒(méi)有了。你給公司帶來(lái)什么收益？你為什么選用這些技術(shù)？你負(fù)責(zé)了那些點(diǎn)？

優(yōu)秀案例

移動(dòng)端商城 負(fù)責(zé)：一個(gè)完整的移動(dòng)端商城站點(diǎn)，包含首頁(yè)、商品詳情、領(lǐng)卷、商品集合、文章。添加埋點(diǎn)統(tǒng)計(jì)pv、uv、事件、跳轉(zhuǎn)。 實(shí)現(xiàn)：利用vue spa站點(diǎn)的制作方法，給予用戶極佳的體驗(yàn)，spa的做法對(duì)于項(xiàng)目的迭代、解耦比較友好。同時(shí)利用插件將css、js降級(jí)處理實(shí)現(xiàn)兼容。利用全局事件+dom的匿名屬性實(shí)現(xiàn)統(tǒng)計(jì)效果。 產(chǎn)出：上線至今日pv XXw+，uv XXw+。兼容微信、UC、小米4/5/6/7機(jī)型至最近機(jī)型、viov、oppo、iphone5/6/7/8。 選型：vue+vue-router+webpack。 復(fù)制代碼

點(diǎn)評(píng)：明確自己做了什么，帶來(lái)什么給收益，如何實(shí)現(xiàn)的，為什么這樣選擇。讓負(fù)責(zé)人感知到，這位面試者給，公司帶來(lái)了改變，量化了產(chǎn)出。

職場(chǎng)萌新

針對(duì)沒(méi)有項(xiàng)目經(jīng)歷的同學(xué)，你可以列舉自己的經(jīng)歷，關(guān)注點(diǎn)是一樣的，你做了什么、你選型的利弊、你帶來(lái)了什么收益，給你自己帶來(lái)的學(xué)習(xí)收益是可以的。你學(xué)到了那些技能點(diǎn)，你碰到了什么坑。給自己一個(gè)量化的總結(jié)。

總結(jié)

簡(jiǎn)歷是面試者與負(fù)責(zé)人的初次見(jiàn)面，請(qǐng)把握時(shí)機(jī)，完全的展示出能力，你的技能點(diǎn)、執(zhí)行力、學(xué)習(xí)能力。加油吧，少年們。你們還有星辰大海。

接下來(lái)，還有跳、與rap篇，敬請(qǐng)期待。

總結(jié)

以上是生活随笔為你收集整理的004.前端面试排雷之唱、跳、rap三步曲（一）唱篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。