當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

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

發布時間：2024/1/8 HTML 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 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篇，敬請期待。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。