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

時間 2019-11-24

原文原文鏈接

酒香猶怕巷子深，說學逗唱樣樣學。javascript

投遞了簡歷可是了無音訊。等待你的多是，hr的一句不合適，您已加入簡歷庫。你那，精心準備的簡歷，貌似並不能打動HR。別辜負了你的，爆肝熬夜，深思熟慮，字字珠璣。我就來帶你排排雷。css

怎麼投

請不要用word，請不要給jpg，請轉pdf。

請不要用word，請不要用word，請不要用word，請轉pdf，請轉pdf，請轉pdf。不一樣電腦對word的解析，不一樣，會錯，會亂。並且大部分技術面試官的電腦是MacBook，他們的電腦上可能就沒有office全家桶。他們用pages文稿、keynote、numebrs表格。估計這都是老生常談的東西，可是今天就讓大家看看到底會亂成什麼樣子。html

給jpg的同窗，你是不知道，你發出來的圖片會被各大平臺壓縮，而後失真，最後糊成一坨屎嗎？前端

慘痛案例

厲不厲害？開不開心？是否是要負責人給你從新排個版？這裏有同窗就會問了，爲什能過hr那關呢？這裏解釋一下，簡歷的流向。首先hr會在各大招聘平臺查看簡歷，平臺會提供在線觀看簡歷功能。這個在線觀看簡歷呢，就比較扯淡了，會美化格式，適應大部分瀏覽器。而後hr看着不錯，下載簡歷，投送給負責人。hr可不會二次檢查你的簡歷，全部會有這種狀況發生。vue

負責人看到這種簡歷，有兩種狀況。比較閒，讓hr把在線簡歷打印成電子版。比較忙，再見，不合適。html5

到底要用什麼投遞呢

pdf天下第一，pdf天下第一，pdf天下第一，pdf天下第一。到底用什麼投遞請重複看前面4段。java

markdown
word
各類筆記工具

別打我，剛剛說了別用word，如今爲啥又贊成你用。同窗你知道word也能夠轉出pdf的麼？如今大部分各類筆記，不是有markdown to pdf 的功能嗎？請你善用好麼。jquery

排啥版

別花裏胡哨

首先hr會不分場合，不分地點的給，負責人投喂簡歷。負責人可能用，電腦、手機、pad。那些花哨的簡歷，在手機、pad下看，是很是難受的。須要放大n倍，低下頭，認認真真看。其次，負責人關注的是你的工做經歷、技術棧、工做成果。你技能熟練程度，給個進度條是什麼鬼？webpack

慘痛案例

首先，負責人關注的，是你的右側，你的左側基本一帶而過，左側佔了幾本3分之1篇幅，低效率。技能不明確，搞啥進度條，篇幅過短，空間不夠寫不下了吧。css3

優秀栗子

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數多的能夠註明

技術文章

技能清單如下均爲我熟練使用的技能

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。
複製代碼

點評：明確本身作了什麼，帶來什麼給收益，如何實現的，爲何這樣選擇。讓負責人感知到，這位面試者給，公司帶來了改變，量化了產出。