忙碌奔波的四月，雖然就投遞了三份簡歷，但由于一邊在實習(xí)，一邊又有學(xué)校的課程，也是夠折騰的。在此感謝一路上，彼此支持、互相鼓勵的道友們，也想著把近期的感悟記于紙上，分享給正在路上的道友。也感謝每一位投來橄欖枝的面試官。
一、春招形式
1.1 內(nèi)推
- 內(nèi)推，顧名思義，就是找內(nèi)部人員推薦你的簡歷。這樣，你的簡歷就會被放在一個“簡歷池”里邊，如果有面試官看好你的簡歷，那么你的簡歷便會從簡歷池里邊撈出來，接下來你就會陸續(xù)接到電話了。（這個其實很蛋疼的，有次在地鐵上都能接到電話）
- “簡歷池”也存在不同的“簡歷池”之分。最好的“簡歷池”就是心儀的部門里邊剛好有認(rèn)識的前輩，直接把你的簡歷發(fā)到 BOSS 的郵箱，這樣被面試的幾率是最高的，當(dāng)然難度也更高。其次，便是找內(nèi)部技術(shù)人員推薦，這個“簡歷池”被面試的幾率也是極高的。另外，也有一些宣傳群發(fā)布內(nèi)推碼，不過這種“簡歷池”人數(shù)太多，被撈起來的幾率就很低了。
- 內(nèi)推的好處自然是有一些福利了，不過對于不同公司也有一些不同。阿里跟騰訊的內(nèi)推福利是可以免去筆試環(huán)節(jié)，只要你的簡歷能夠吸引到某個面試官，然后被撈起來。不過阿里參加內(nèi)推的話，就沒有參加正式校招的機會。
1.2 正式校招
- 正式校招的流程各大公司都大同小異，基本就是：
投遞簡歷 -> 簡歷篩選 -> 筆試 -> 面試 -> offer階段
- 參加正式校招的話就是不會有“突擊”電話，可以有所準(zhǔn)備。
二、簡歷
2.1 重要的點
- 項目豐富度
- 技術(shù)棧廣度、深度
- 個人潛力
- 對個人發(fā)展方向有明確規(guī)劃
- 工作熱情強
- 學(xué)習(xí)能力強
- 責(zé)任感，抗壓能力
- 良好的團(tuán)隊協(xié)作溝通能力
- 敢于嘗試，有藥性
- 執(zhí)行力強
- 知識基礎(chǔ)扎實
2.2 簡歷格式參考
- 簡歷規(guī)格：建議內(nèi)容不超過單面A4紙，文字精煉，亮點之處字體加粗。排版盡量緊湊，這樣可以放更多的內(nèi)容。另外，簡歷的 UI 還是不要太粗糙，本人吃過虧。。。
- 內(nèi)容分布：
- 個人信息：姓名、聯(lián)系方式（郵箱，手機）、學(xué)校、專業(yè)、學(xué)歷水平；個人博客或者 Github 地址。（體現(xiàn)技術(shù)熱情，技術(shù)能力）
- 校園經(jīng)歷：個人認(rèn)為不是特別牛逼的項目經(jīng)歷的話，就不必要列出來，寫明所在組織及職位即可。（如果面試官有興趣的話，也會問在里邊的經(jīng)歷及職務(wù)的）
- 項目經(jīng)歷：項目經(jīng)歷主要是指企業(yè)項目或者比賽類型的項目經(jīng)歷。參考的羅列的點：項目名稱、時間、負(fù)責(zé)工作、項目的技術(shù)亮點、難點（無需長篇大論，要點寫明即可，不然篇幅過長）
- 技術(shù)棧羅列：分類清晰，使用專業(yè)名詞描述，重點詞匯加粗。根據(jù)所剩篇幅考慮技術(shù)棧的詳略描述。
- 其他：主要是體現(xiàn)技術(shù)熱情，學(xué)習(xí)方法和自學(xué)能力，還有發(fā)展方向歸劃。
三、一些面試題
3.1 阿里巴巴面試
阿里的面試體驗真的是親切，也收獲良多。需要提的一點就是同個部門面試，前一輪的問題，下一輪還是可能重復(fù)問到，所以如果確實不會或者沒把握，就趕緊補一補。以下是面試過程記得的問題，僅供參考。
- 一輪面試：
- 談項目架構(gòu)及原理
- React 函數(shù)鉤子及運用
- React 事件綁定原理
- React setState 后發(fā)生的流程
- React 跟 Vue 的對比
- CSS 選擇器的優(yōu)先級
- 閉包
- 跨域
- 移動端適配方案
- Canvas、SVG
- Localstorage、Sessionstorage 和 cookie 三者的區(qū)別
- 二輪面試（具體的基礎(chǔ)問題問的比一輪面試少，主要是考查思考問題的思路還有工程化思想）：
- React 跟 Vue 的區(qū)別
- cookie 跟 Localstorage 的區(qū)別
- Websocket 的流程
- ES6 的新特性
- 組件封裝的工程化思想考查
- 前端打包工具（如 gulp，webpack）
- 網(wǎng)站安全（主要是 CORS 跟 CSRF），富文本字符串過濾處理方法
- 為什么選擇前端而不是后端
- 印象最深的項目經(jīng)歷
- 三輪面試（這一輪確實被問到幾個不是很懂的問題）：
- 學(xué)習(xí)前端多久
- 聊項目（項目背景、技術(shù)亮點、難點）
- 覺得最有成就感的項目
- 產(chǎn)品溝通，用戶體驗優(yōu)化
- 移動端事件穿透
- 同源策略（原因及解決方案）
- 搜索框樣式實現(xiàn)
- 屬性跟方法放在 prototype 還是構(gòu)造函數(shù)比較好
- 性能優(yōu)化（下拉加載圖片處理有具體問了一些）
- Jquery 源碼（選擇器實現(xiàn)方法、遞歸思想、class 選擇器不用遞歸的優(yōu)化算法）
- 覺得自己有什么缺點和優(yōu)點（缺點克服方法）
- 四輪面試（前面面試都是一個多鐘，最后兩輪時間差不多都是 20 分鐘，不是很長）：
- 操作系統(tǒng)的線程和進(jìn)程
- 數(shù)據(jù)結(jié)構(gòu)和算法
- 職業(yè)規(guī)劃和學(xué)業(yè)規(guī)劃
- 項目經(jīng)歷（基本都問，主要是了解擁有哪些領(lǐng)域開發(fā)具備的技術(shù)棧）
- 五輪面試（HR 面試）：
- 基本都是談人生
3.2 騰訊面試
- IEG 某部門一面：
- 項目經(jīng)歷，主要問 NodeJS
- KOA 框架
- 客戶端緩存（localstorage 和 cookie）
- 網(wǎng)絡(luò)安全（主要是 CORS，CSRF）
- Websocket（技術(shù)介紹，項目介紹，低版本瀏覽器兼容方案）
- http 協(xié)議（有具體到字段名稱）
- Vue 雙向數(shù)據(jù)綁定原理
- 瀏覽器渲染機制
- 瀏覽器存儲
- 原生 DOM 操作
- CSS print
- 同源策略
- 事件觸發(fā)流程（捕獲、冒泡、委托）
- 客戶反饋錯誤處理方法
- 團(tuán)隊協(xié)作代碼管理
- SNG 某部門一面：（因為 IEG 二輪面試電話來的時候剛好趕項目，所以...）：
- 事件流機制
- 變量類型
- 區(qū)別 Object 和 Array
- 客戶端存儲的方法
- LocalStorage 的作用
- HTTP 狀態(tài)碼
- 項目經(jīng)歷
- 服務(wù)器訪問量過載處理方式
- 同源策略的原因，解決方法
- 哪些存在同源策略
- xss， csrf
- CSS 偽類和偽元素的關(guān)系
- 正則表達(dá)式
- JSONP 實現(xiàn)原理
- Ajax 實現(xiàn)原理，IE8 CORS 的兼容
- SNG 某部門二面（基礎(chǔ)的考核比較刨根問底）：
- 動態(tài) DOM 節(jié)點的事件綁定方法
- 移動端事件穿透
- 網(wǎng)絡(luò)安全
- 其他問題大致跟一輪面試差不多，就是基本都刨根問底
- 某事業(yè)群某部門一面（面試內(nèi)容比較簡單，但不知為何沒后續(xù)...）：
- 項目經(jīng)歷
- IE8 的一些兼容問題
- 移動端瀏覽器內(nèi)核兼容問題
- 校園經(jīng)歷
四、一些建議
- 技術(shù)熱情：如果確實對自己現(xiàn)在的方向沒有興趣，建議考慮別的方向。
- 前端技術(shù)棧：基礎(chǔ)很重要，不要急著去用框架，基礎(chǔ)不扎實的話，一些語法，瀏覽器的運行機制，常用 API 都不了解的話，就更要先打好 基礎(chǔ)了。否則直接上手框架成本高，又只停留在用的階段。
- 推薦的打基礎(chǔ)的幾本書：
- 《HTML5 權(quán)威指南》
- 《CSS 權(quán)威指南》
- 《JavaScript 高級編程》
- 《JavaScript 權(quán)威指南》
- 《HTTP 權(quán)威指南》
- 《JavaScript 設(shè)計模式》
- 《NodeJS 深入淺出》
- MDN 文檔
- 建議看源碼的庫：
- Bootstrap：樣式庫主要當(dāng)補基礎(chǔ)，把沒見過的屬性了解一下；JavaScript 庫主要看實現(xiàn)的思想，JavaScript 插件最好自己也實現(xiàn)一遍。
- jQuery：看懂源碼，思考為什么這么寫，有沒有更好的實現(xiàn)方法。
- 主流框架 Vue/React/Angular 建議至少挑一款深入學(xué)習(xí)。
- 大前端時代，NodeJS 也需要從基礎(chǔ)到框架的一個過程去學(xué)習(xí)。
- 成長是一個不斷學(xué)習(xí)的過程，遇到不懂的最好記下來，有時間一點一點去解決，最好是相關(guān)的知識都去了解，系統(tǒng)消化。
注：寫于 2017 年 04 月 30 號
