1.前期準備
投其所好
一般公司招聘都會有一些硬性要求，比如工作經(jīng)歷、學歷、技術棧、崗位要求等等。
因此應聘之前，一方面，要花時間將自己力所能及的盲點覆蓋到，一方面，找對合適的公司進行投遞。盲目的海投只會讓簡歷石沉大海。也會打擊你的信心。
下面從網(wǎng)上整理了兩份的不同級別招聘需求，供大家參考
中級前端工程師
崗位職責：
1、負責WEB端開發(fā)工作，與后端工程師配合，為項目提供最優(yōu)化的技術解決方案；
2、開發(fā)前端代碼，實現(xiàn)產(chǎn)品的頁面交互和數(shù)據(jù)邏輯展示；
3、與產(chǎn)品討論確定，并實現(xiàn)良好體驗的交互效果
4、解決兼容性問題，優(yōu)化前端性能，改善用戶體驗；
5、統(tǒng)一可重用組件，規(guī)范前端模塊化開發(fā)。
任職要求：
1. 一年及以上相關工作經(jīng)驗
2. 熟練使用HTML，CSS，Javascript等前端技術，熟練處理瀏覽器兼容問題；
3. 熟悉react、vue、Angular等至少一種框架，有實際項目經(jīng)驗，能獨立開發(fā)高質(zhì)量組件，能夠封裝一些常用的函數(shù)類庫
4. 熟練使用Webpack，Gulp等前端構建工具
5. 代碼編寫規(guī)范，熟悉W3C標準，熟悉前端性能優(yōu)化并能熟練運用；
6. 有較強的團隊合作能力與獨立解決技術問題的能力。
7. 熟練使用git或者svn版本管理工具；
8. 加分項：有優(yōu)秀的開源作品，優(yōu)秀技術博客（如果有，請貼上地址，如github，npm等地址）
高級前端工程師
崗位職責：
1. 構建可視化研發(fā)平臺，優(yōu)化前端開發(fā)方式及協(xié)作流程，創(chuàng)建技術標準及規(guī)范，用智能化方式提高前端研發(fā)效能，逐步實現(xiàn)‘無代碼研發(fā)’
2. 抽象業(yè)務問題，管控業(yè)務需求，主導平臺型業(yè)務的技術架構設計，推動數(shù)據(jù)化運營模式升級
3. 為組員的技術成長制定目標、計劃并幫助實施，提升整體技術水平
崗位要求：
1. 精通各種Web前端技術（HTML/CSS/Javascript等)，熟悉網(wǎng)絡協(xié)議（HTTP/SSL），熟悉常見安全問題和對策
2. 精通Babel/Webpack，對AST有深度理解
3. 熟悉BaaS/FaaS，對serverless有深刻理解
4. 對前端事件流、數(shù)據(jù)流有深度理解，具備抽象視圖層與數(shù)據(jù)層交互協(xié)議的能力，有復雜可視化搭建平臺的研發(fā)經(jīng)驗優(yōu)先
5. 具備跨端研發(fā)能力，有前端渲染容器實現(xiàn)和沙箱隔離相關實踐經(jīng)驗
6. 個性樂觀開朗，邏輯性強，善于和各種背景的人合作，有豐富的項目管理、團隊管理經(jīng)驗。
2.關于內(nèi)容
突出重點
一般前端簡歷包括以下的幾個部分：
基礎信息
職業(yè)技能
工作經(jīng)歷
項目經(jīng)驗
自我評價(選填，別超過120字)
很多同學都一上來就是一片洋洋灑灑的論文。只要會一點的知識點、專業(yè)術語都恨不得都往上搬，顯得很飽滿。注意，簡歷不是論文，沒有字數(shù)要求。 要突出重點，對自己擅長的領域著重描述一下。這幾塊里面，其中面試官一般最關注是項目經(jīng)驗，所以大家要花點心思在這里進行一番“吹逼”。
關于格式
投遞簡歷的時候一定要word 或者 pdf格式的，有些同學喜歡制作網(wǎng)頁版簡歷，雖然看著比較酷炫，但是初次篩選的都是HR，并不會看源碼，整理起來也比較麻煩。所以word 和 pdf 格式的載體足夠了，多花精力放在簡歷內(nèi)容上。
基礎信息
姓名、性別、年紀、手機、郵箱
工作經(jīng)驗、應聘職位、期望待遇（選填）
博客地址（選填）、
GitHub 地址（選填，沒作品不填）
學校（選填）
學歷
專業(yè)
職業(yè)技能
這一塊基本千篇一律，為什么會這樣呢，因為大家都習慣性的把前端相關技術的都羅列了一遍。沒有重點。
反面教材：
1、熟練使用HTML/HTML5、CSS/CSS3、js進行合理的PC端和移動端網(wǎng)頁布局與交互；
2、熟悉web客戶端各主流瀏覽器之間的兼容性，熟悉響應式布局；
3、掌握JavaScript、DOM等前端技術；
4、熟練運用 ajax，jsonp 技術與后臺處理數(shù)據(jù)，熟悉瀏覽器跟服務器交互機制；
5、熟悉 webpack自動化構建工具；
6、熟練使用 sass、less、stylus預處理器執(zhí)行編譯 css；
7、熟練使用jQuery、MUI等框架；
8、熟練使用bootstrap、swiper等輔助工具；
9、熟練使用vue、vue-cli，能基于 vue（2.0）使用 mintUI 以及 ElementUI 開發(fā)項目；
10、熟練微信小程序開發(fā)，支付寶小程序開發(fā)；
11、了解PHP等后臺編程語言，有前后端分離開發(fā)經(jīng)驗；
12、了解MySQL數(shù)據(jù)庫使用、對前后端合作開發(fā)有一定的認知；
13、可以熟練使用Git、SVN進行項目管理。
14、使用HBuilder進行軟件的打包發(fā)布、配置權限
15、對svg、canvas有一定了解；
16、了解界面UI設計、頁面架構與布局，具備良好的用戶體驗意識；
17、了解部分圖形圖像軟件（如Photoshop），對從設計轉換為產(chǎn)品有一定的認識，可以進行簡單的切圖操作。
一般情況下面試官都會自動無視了解(除非是應屆生)，所以不如花更多的精力在熟悉和精通上面
正面教材：
// 1、2、3
熟練使用各種 web 前端技術,包括 HTML(5)/CSS(3)/JS 等,能快速還原 PSD 源文件,解決各類瀏覽器兼容性。
// 7、8、9
熟練使用 vue 框架快速的構建項目,以及第三方庫(mintUI、ElementUI、bootstrap、jQuery、MUI)
// 5、6
熟悉webpack自動化構建工具，熟練使用 sass、less、stylus預處理器
// 10
熟練微信小程序開發(fā)，支付寶小程序開發(fā)
// 13
熟練使用Git、SVN進行項目管理，制作過一個版本管理工具(https://github.com/xxxx/xxx)
前端技術現(xiàn)在有NodeJS、H5、Hybrid、架構和業(yè)務研發(fā)等方向，不要什么都全棧不易，盡量將內(nèi)容聚焦于自己最擅長的領域，揚長避短，以此來引導面試官來問你擅長的部分。
不關注：證書、四六級、了解的編程語言（如果不精通就不要寫）、自我評價。
工作經(jīng)歷
不要出現(xiàn)和前端不相關的工作經(jīng)歷。
內(nèi)容包含：公司、工作時間、工作職位、工作內(nèi)容、公司介紹（選填，公司性質(zhì)、規(guī)模、行業(yè)，不要出現(xiàn)大段描述）
XXX公司 2019.01.01~2020.01.01 前端負責人
工作內(nèi)容
1. 招聘，培養(yǎng)新人
2. 制定前端規(guī)范
3. 任務管理，團隊管理
4. 前端WIKI維護
5. 混合開發(fā)框架優(yōu)化
6. 金融APP開發(fā)
7. 相關管理端開發(fā)
8. 協(xié)助組員解決各類問題
9. 支撐產(chǎn)品，評審產(chǎn)品可行性
10. 支撐后端，解答前端相關問題
項目經(jīng)驗
千萬不要把所有的項目羅列一遍，一般不同類型的三個項目足夠了，要經(jīng)得起推敲，表現(xiàn)出亮點。
現(xiàn)在招一個能干活的人不難，難的是招一個能解決問題的。是不是能夠分辨真實需求，合理制定技術方案，推動項目進度，產(chǎn)出結果，復盤問題很重要。所以，應對這每個環(huán)節(jié)所需的技能，最好在簡歷里有所表現(xiàn)。具體說就是描述每個項目時，不僅要有背景、過程，還要有你為這個項目帶來的結果。
一般項目基本都會包含組件、UI交互、腳手架、業(yè)務模塊、溝通協(xié)作。
如果是組件，要知道設計思路。
如果是UI交互，要說明這樣的交互體驗更好的原因。
如果是腳手架，講原理和適用場景。
如果是業(yè)務模塊，講一下難點和核心代碼。
如果是溝通協(xié)作，講一下方式方法。
反面教材1：
誰也不知道你都做了什么，用什么做的，結果如何，完成得怎么樣，沒有看到具體成果
反面教材2：
BI后臺系統(tǒng)
項目介紹:使用vue-cli+element來構建BI后臺,并通過axios來請求數(shù)據(jù)。
主要職責: 獨立研發(fā)BI系統(tǒng),通過系統(tǒng)來請求后臺的模板、工作表、數(shù)據(jù)轉換的數(shù)據(jù)請求以及用 vue 的 echart 插件和組件功能來顯示圖表插件并能動態(tài)編輯圖表數(shù)據(jù)。
有結果，但是看不出解決了什么問題，沒有可量化的指標，沒法凸顯你的價值
正面教材：
BI后臺系統(tǒng)
項目介紹: 提供商品&品牌等各項指標報表，運營活動轉化率，用戶畫像采集等數(shù)據(jù)可視化功能，實現(xiàn)智能化運營
項目職責:
1.獨立構建SPA腳手架，支持不同環(huán)境加載不同CDN資源
2.項目支持PC端和IPAD端的自適應布局，完成統(tǒng)一的RESTFUL的標準化接口
3.進行二次業(yè)務組件，將常規(guī)的查詢、自定義表單等封裝成公共組件
4.完成動態(tài)編輯圖表等五個模塊，支持PDF下載
項目業(yè)績:
1.通過vue-cli3進行了打包依賴優(yōu)化，節(jié)省了大概20%的編譯時間。
2.利用elementUI封裝的業(yè)務組件不僅統(tǒng)一了各個業(yè)務模塊的UI交互，而且減少了30%的開發(fā)時間。大大減低了研發(fā)成本。
3.通過使用YAPI以及自定義數(shù)據(jù)mock方案，克服了項目開發(fā)前期的數(shù)據(jù)聯(lián)調(diào)困難，極大得提高了開發(fā)效率。
4.基于echart完成的動態(tài)報表組件，實現(xiàn)了不同的報表需求隨時動態(tài)編輯，快速上線，不再需要每次重新開發(fā)和發(fā)版。
5.最終基于這個項目整理出了標準化的后臺模板，并在其他業(yè)務線進行了推廣。
不要堆砌一大堆的專業(yè)名稱，HR表示看不懂，盡量把成果具體化，數(shù)字化
請遵循STAR法則
Situation（情景）: 工作背景是什么
Task（任務）我負責做什么
Action（行動）: 我做了什么
Result（結果）: 結果怎么樣(最好可以量化)
3.典型問題
謙虛謹慎
此外面試中還會問
1. 哪個項目讓你最滿意、代表你的最高水平？如何做的？
2. 讓你印象最深刻的一個（技術）難點，害的你搞了很久，最后怎么解的，有什么心得？
3. 你能給我們團隊或者產(chǎn)品帶來什么？
這些問題不是硬性的，主要看平時是不是除了技術還琢磨點別的，特別是產(chǎn)品基本形態(tài)成型的基礎上，你如何試錯、創(chuàng)新、提效、求精、找方向，這種情況下，只具備技術能力已經(jīng)遠不夠了，而更需要辯證的執(zhí)行。
4.總結
最后，簡歷一定要實事求是，千萬不能弄虛作假，這不僅關系到對你專業(yè)能力的評估，更是對人品的考驗，即便能力再強，被發(fā)現(xiàn)后，不僅可能丟掉到手的offer，甚至臭名遠揚。
ps: 如果有簡歷和面試相關的疑惑可以在評論下方留下聯(lián)系方式
