[心得] 前端面試心得

-背景 約近兩年資歷前端，技能大多點在 react 相關生態系的前端開發，有待過中型規模的外 商跟小型新創，因為在上一份工作內容跟當初談的 JD 與自己的生涯規劃有相當的落差， 於是決定離開找下一個工作機會，以下面試經驗不一定是近期的面試，有些是半年前的面 試經驗，順序跟面試時間沒有絕對關係。 -面試公司 Codementor Nogle 17 Carousell HonestBee Linker Network 港商慧科 104 Appier Oath (Yahoo) 卓越科技 合眾科技 京緯數據(一動數據) Hahow 雷亞 另外有兩間公司寫完線上測驗就沒有後續的公司 高創動訊 考 HackerRank intowow 考 Codility -薪資區間 有拿到的 offer 年薪整體來說包含 options 分紅大約落在 1.1 M ~ 1.3 M === Codementor -面試流程： Senior engineer ＆ HR skype > PM skype > onsite technical team Interview -- -心得： 面試會有兩次的 skype 跟 onsite，特別幫這家公司推薦給大家，如果使用者有 UX 開發 者有 DX ，那面試的 IX 這間公司真的做的蠻好的，倒不是流程有多麼的好，而是面試的 過程中公司的員工相當的友善跟尊重，氣氛相當的輕鬆像朋友在聊技術但又不顯得隨便， 著重於討論的過程而並非答案的對錯，我覺得有趣的地方是相當尊重面試者的回饋，問完 一些的問題的時候會問一下面試者有沒有什麼問題想問，會讓人瞬間有面試好像要瞬間結 束的感覺(但其實沒有)，最後 onsite Interview 所有(？) 開發人員會一起到會議室跟你 面談跟自我介紹跟問問題，我覺得這表示相當尊重每一個同事對於未來有機會共事的面試 者的觀感。對了面試有送 codementor 貼紙喔 -- -面試問題： React flux 跟 MVC 的架構有什麼樣的差別 ? 什麼是 closure ? 講解 redux 的概念跟整個系統，解決了什麼樣的問題， redux 在 react 系統上扮演什麼樣的角色？ 如果你對設計師的設計有不同的想法你會怎麼解決？ jsbin 的上機考，主要 implement 一些小 function 做資料結構的轉換通過 mocha 測試 系統設計討論，如何做出一個聊天系統，但主要偏後端架構 -- -結果： Offer Get === Nogle -面試流程： onsite 上機考 > RD 聊天技術討論 > Tech Lead 面談 > HR 面談 -- -心得： head hunter 推薦，這是今年初面試的，面試的單位應該是博奕這一塊，公司下面有許多 的產品線還有做智慧型試衣，公司非常的氣派，面試主要為上機考，有想辦法爭取能不能 用自己的筆電跟使用自己的編輯器，不過最後沒有爭取到，因為主管表示 API server 架 在 local 端，上機考的時間個人覺得有點趕。 -- -面試問題： 1.5 hour 用 react 完成一個 polling 撈 api 資料的有排序功能的類似購物車系統 -- -結果： 感覺應該是技術端都過了 不過因為薪水卡年資談不上去，所以就沒有下文了。 === 17 -面試流程： onsite 前端主管口頭面試 -- -心得： 也是 head hunter 推薦，今年初面試的，現在流程好像有點換了，那時候覺得位置還蠻 擁擠的，不曉得現在有沒有改善一些，前端主管是之前面試 20 幾間公司在 ptt 發心得 文的大大，面試的方式是想要從類似聊天的方式去延伸去問問題的深度，但這種方式我覺 得有時候我會不知道要從哪個方面來開話題，主管個人風格相當的強烈，讓人感覺是一個 有底線堅持且不容被侵犯的人，任何方面不管是作品面試文徵才文都有相當的自我要求跟 堅持，有問必答，不管是在這邊的工作心得福利專案狀況都會跟你詳細解釋，有強調無聲 卡可以寄信給他，他會去跟 HR 反應。 -- -面試問題： closure 是什麼？ this 如何決定的 ? prototype chain 的概念。 可以講出多少種 css 垂直置中的方法？ fetch 跟動畫事件混合的時候如何用 Promise 做流程上的控制？ 如何優化超長 list 的渲染？ children event stoppropagation 造成 parent 的 event 不會被觸發的解法？ -- -結果： 如果根據 Head Hunter 的說法，好像是在人格特質上被刷掉的，因為今年初的時候因為 前前公司的關係自己狀況不太好，所以面試時形容自己的缺點是有時候做事情會對人不對 事，加上面試的時候比較緊張容易搶話，有時會大聲的壓過對方，不過也可能是技術不行 被刷掉也有可能，總之沒有拿到 offer。 === Carousell 旋轉拍賣 -面試流程： Technical Recruiter > ? > CEO面試 -- -心得： 英文面試 一些面試者的背景了解，跟 carousel 的介紹 主要問了簡單的 js 題目 == 跟 === 的差別， 寫一個function input 是 0 return 1 input 是 1 return 0 解釋 closure 如果你的想法跟設計師有衝突怎麼辦 -- -結果： Thank you letter Technical Recruiter 面完後兩天後拿到 Thank you letter ，原因不明。 === HonestBee -面試流程： HR phone Interview > onsite Engineer Interview > CEO Interview -- -心得： HR 電話面試有小小考了一下英文，但後來都用中文對談，engineer Interview 來面試的 資深工程師是社群的大大，主要是寫 code 問你輸出，有趣的是面試官還一邊面一邊在你 的 github side project 上開 issue XD -- -面試問題： curry funcition， Promise 跟 setTimeout 的混合執行順序問題， decorator 等價於什麼的寫法， redux 的用法還有實務上 reducer 的規劃跟設計， react 效能優化的問題 -- -結果： Thank you letter 沒有面到 CEO 就拿到感謝信，私底下問面試官得到的回應是還主管比較希望是收有足夠經 驗的 senior 工程師，另外面試中對 react redux 的熟悉度，以及面試上的反應都會有 影響。 === Linker Network -面試流程： 電話面試 > ? -- -心得： 這間是靠朋友內推，主要是做資料中心的資料分析服務，有很多 go 領域的高手和知名社 群人 c9s 在裡面，電話面試主要詢問了 react event 系統跟 DOM 原生系統有什麼差別 ，還有你對接案公司的想法。我滔滔不絕的說完對我其實沒有太大的差別，不過硬要說比 較喜歡有主要有產品的公司勝過接案的公司以後，好像就 GG 了。 -- -結果： 無聲卡 === 港商慧科 -面試流程： 香港 PM Engineer 電話面試 > 台灣主管面試 > HR > Reference check -- -心得： 主要是做中文輿情分析跟中文資料庫的相關服務，在台灣是幫忙他們的研發部門開發數據 相關的產品，第一關是來自香港的電話面試，PM 跟他們一個前端工程師一起面，PM 相當 的友善，第二關是 onsite 跟台灣的主管面試跟再一個電話面試，唯一詬病的一點是公司 沒有提供 mac 只有提供 windows 桌電，最後是談 package 最後做 reference check， -- -面試問題: 主要針對履歷上問問題 -- -結果： Thank you letter 本來感覺很希望最後沒有拿到 offer，HR 來信說明技術跟 reference check 沒有太大的 問題，但是最後評估文化可能比較不適合所以就跟我說聲抱歉了，據說是考量我的考慮時 間有點長最後沒辦法等我。 === 104人力銀行 -面試流程： codility > 松江南京主管跟部門副總面試 > 新店總部 CTO 面試 -- -心得： 其實 104 是 honestbee 面試官推薦的，說現在 CTO 是 kkbox 來的首席工程師(?)且 在技術圈知名的 gslin 可以去面面看，面試的時候 CTO 感覺相當的忙碌有很多的會 要開，面試中有詢問 CTO 想在 104 做出什麼樣的改變，他希望可以大力整頓 104 的內 部系統，並提升各種人工智慧的在人才市場的應用。 產品面是新產品經理人社群 be a giver 主要是想做經理人的社群，希望可以填補很有人 生經驗的高階主管經理人跟下一個世代的鴻溝。董事長現在想要做比較是社會企業的產品 ，希望可以幼有所長壯有所用老有所終。其實還蠻有理想性的。在總公司還有看到一些董 事長的超人裝卡通壁飾，覺得有點有趣，大概也展現了這公司的文化如何。 104 雖然大家都有在用介面設計有點復古，但是他們其實是一間非常賺錢的上市公司，聽 說去年 eps 有 12塊，而且這個部門好像是唯一不在新店的部門，在松江南京站跟 headhunter 的部門在一起，也會配 MBPR 給你用。基本的假期福利都還算 ok ，勞基法 7 天加上新人假 3 天另外 1 天生日假，年薪 14 個月 + 分紅約 1 個月。上班還是要 像傳統公司一樣要在規定時間打卡，如果彈性調整上班時間是需要請主管寫簽程。 -- -面試問題： 考完幾題還算簡單的 codility 後，去跟主管面跟部門副總面談主管跟副總感覺人都還蠻 好的，最後跟 CTO 面試，面試的題目 fibonacci 數列，我先寫一個遞迴的版本，CTO 問 這個版本的複雜度跟在問能不能更快，我就再寫一個迴圈的版本 O(n)，CTO 問能不能再 更快，我知道有公式解但是我已經忘記怎麼推導了，CTO 就用高中矩陣乘法逐步推給我看 ，最後公式解 O(log N)，這邊我就跪了QQ，最後稍微的問了對 js 的新標準語法的理解 ，異步的控制的演進跟比較就結束了。 -- -結果： Offer get 令人驚訝的是薪資加上分紅非常的有競爭力，完全不輸博奕或者現在知名拿到大筆資金的 新創公司 === 卓越 -面試流程: onsite 主管面試 -- -心得： 內湖博奕 主要是做中國的彩票系統，主管是個蠻有趣的人，除了聊技術也聊一些人生規劃譬如結婚 生子之類的。想要導入 react redux docker 等技術，需要幫忙帶新人，但是公司好像有 客服的部門這點讓我挺猶疑的，最後打電話來問意願我在面試其他公司沒辦法接電話就沒 了下文，所以如果主管看到這篇文希望知道我沒有故意要不接你電話QQ -- -面試題目： 主要針對你的履歷跟工作經驗做提問 -- -結果： Offer Get === 合眾科技 -面試流程: onsite 主管面試 -- -心得： 信義區博奕 產品好像除了博奕以外還有其他的東西，但是有點神祕，面試是 onsite 然後用 skype 撥打電話給一個好像是中國口音的工程師還是主管，還有另一個工程師， 中國口音的工程師好像問比較多。 -- -面試問題： 主要針對你之前做過的工作內容跟履歷詢問 -- -結果： Offer Get === 京緯數據 一動數據 -面試流程： Engineer Interview > CTO Interview -- -面試問題跟心得： 我有點不大確定公司名字，以前的 vpon 研發團隊，後來把廣告 SaaS 服務切出來成立新 公司，拿到中國的資金準備前進中國市場。 第一關是 onsite engineer 面試，第一題把一沱像炒麵的 code 給你重構，第二題然後寫 出一個會打 api 的 autocomplete 的 react 小 project，不過不需要很完整，寫個 component 跟設計架構給他們看就可以了，最後還有他們實務上會遇到的資料結構演算 法問題，感覺團隊成員還算年輕，組成方式比較走 spotify 的 squad 路線，前端 react 加上 ror 後台，底層是用 scala 做的。 第二關 CTO 面試，我覺得 CTO 可能是我面過最有氣場的一位，主要解釋了現在數位廣告投放的 市場到底是怎樣的玩法跟他們在其中扮演的角色，實際的 demo 系統給我看，在介紹公司 的文化的時候有說他們有類似 google 的 peer bonus 系統，還有會有淘汰表現十分不好 倒數 5% 的員工的制度。 -- -結果： 無聲卡 === Appier 沛星 -面試流程： engineer + CTO 面試 > PM+CEO+COO 面試 -- -心得： 公司在華南總部大樓，相當的氣派豪華， Appier 前端團隊的實力相當堅強，就我所知還 蠻多厲害的高手在裡面的，用的 library 也都非常的新穎，也不會有太多大公司的綁手 綁腳，前端雖然分散在各個 team 但是彼此也是關係相當密切的，會常常討論分享使用的 工具跟 library。另外最近 Appier 在新聞上實在太火紅了，拿到 offer 的公司如果聽 到你在面 Appier 或是你有 Appier 的 offer 都相當的緊張。 -- -面試問題： 一面 工程師面試的重點在比較各個 framework 跟 library 你如何挑選，原因是什麼？ 還有針對你的履歷問實務上的問題， 為什麼用 redux-saga 而不用 redux-thunk 你用 css module 可是別人想要覆寫 css 怎麼處理， Immutable js 跟 lodash 的差別， 怎麼用 react 做 seo， jwt 如果你的 secrete key leak 怎麼處理， 有兩題白板 一題是實作 promise concurrency control， 一題是實作 reduce function， 最後被問了 variable hoisting 是什麼？ 然後就到 CTO 面試，感覺 CTO 是個 hackernews 愛好者，主要是在問你現在對前端的新 的語言跟架構你了解多少哪些你有沒有在 follow 跟自我學習，一些 security 相關的 問題，還有你用怎樣的概念跟原則挑 framework 二面 PM 會來主要介紹他們現在要做的產品，主要是廣告投放內部系統的 team，然後詢問你是 不是能接受新創公司的節奏跟文化，還請你給一些作品 demo，如果 schedule 太緊你怎 麼處理。 CEO + COO 主要就是問問題時間，我主要問 Appier 在募資的部份感覺相當的順利， 這方面主要的優勢是什麼？CEO 說因為他們公司的工程團隊實力十分堅強，不管是在系統 上或者是人工智慧上都有相當好的人才，加上每個階段的 milestone 都有達成甚至 over deliver，所以基本上是他們在慎選有戰略意義上的投資人。另外有詢問 COO 公司 的文化部分，這裡因為 Appier 的 PR 做的很好所以其實網路上都查的到XD，所以我就不 細說了 -- -結果： Offer Get === Oath Yahoo EC 電子商務部門 -面試流程： 電話面試 > onsite interview > 送美國總部審核 -- -心得： Yahoo 現在主要分成 media 跟 EC 兩個部門還有 global search team，EC 部門雖然拍 賣購物中心超級商城各自有團隊但是前端部分會有一個主管負責統籌，現在主要除了專案 上的開發需求以外，也有在用 react redux 作整體前端系統上的都市更新，組件化加速 開發的速度跟可維護性，但是難免還是要碰 legacy 的 YUI 等等就是。福利應該是面試 所有公司裡面最好的，像便利商店一樣的免費零食飲料，免費早餐午餐，還有配公務手機 公務門號吃到飽，15天年假，將近兩萬的旅遊補助。 Yahoo 從拿到面試開始一切順利到可以上班大概會花 2 個月以上的時間，對於待業中的求 職者這樣的冗長時程其實相當的不友善跟令人惱火。一開始請朋友從內部系統內推，等了 兩週沒下文，請朋友直接去敲主管約面試才拿到面試機會，一週電話面試下一週 onsite 面試又兩週過去，美國送審大概還要花 3 ~ 4 週的時間才能確定有沒有正式的 offer 跟 核薪，拿到 offer letter 大概還要花 2 ~ 3 週做背景調查健康檢查才能正式上班。 聽說之後會有流程上的調整 -- -面試問題： 電話面試 html doctype 的意義 span 跟 div 的差別 解釋 closure 是什麼 問到 cookie 跟 localstorage 的差別， http verb 你可以說出哪幾種， 表單的處理， post 跟 get 的差別， cookie 的 domain 的問題， 還有 CSRF XSS SQLInjection 的攻擊是什麼跟防範之道。 react lifecycle function有哪些 onsite 面試 相當的紮實面了一個下午，面到最後有點累，除了針對自己的 side project 作品介紹， 還有問了很多實作上的問題， 白板寫用 native js 可以有 undo redo 的 input 欄位， 一個 div 有兩個 input 點擊 input 輸出 input 的值， 還有用 react 寫出一個搜尋框功能加上 css 排版 -- -結果： Offer get === 雷亞 Rayark -面試流程： engineer 面試 > CTO演算法面試 -- -心得： 公司的裝潢相當的令人喜歡，很像是在高級咖啡廳，還有擺很多遊戲機台還有 bar 台， 面談的過程也是相當的舒服，主要會從履歷上跟工作內容上面談，還有介紹 redux， 目前的工作主要是在幫忙官網跟一些遊戲需要的內部系統，是少數用 gcp 而不是 aws 的 公司，後端技術感覺十分的紮實能玩的東西很多。不過缺點是筆電需要跟 CTO 申請才有 機會有 mac，不然一般是配開發桌機，另外有實報實消的兩萬元旅遊預算，跟五天旅遊假 ，工時相當彈性，基本上看月份總時數不會在意你幾點上下班。 -- -面試問題： 主要從履歷經驗提問，介紹 react redux reactive programing 的概念。 -- -結果: 婉拒二面 主要是工作內容不是我現在想做的東西 === Hahow -面試流程： codility > team lead 面試 > 小專案回家作業 > 創辦人面試 -- -心得： 我覺得他們是少見新創還對技術上的穩紮穩打相當有堅持很踏實的團隊，招人十分的謹慎 小心，而且面試的過程中可以感受到創辦人是個還蠻誠懇的人相當照顧員工的，同時也是 少見已經損益兩平的新創公司，寫完 codility 之後，跟創辦人 team lead 面試完，領 小專案回家寫作業，因為其實有 offer 要決定而且剛好有安排旅遊的時間，所以大概花 一兩天去做，所以細膩度其實沒有很好，不過這不是什麼藉口，最後小專案沒有達到他們 的要求所以拿到感謝信，我會建議小專案的面試者要把維護度跟細膩度給做出來，共用的 東西能抽出來就抽出來，code 不該有的東西會影響可讀性的東西也要清乾淨。 -- -結果： Thank you letter ================================ 找工作的建議: -履歷: 我基本上會把慣用喜歡的前端技術用過的經驗列出，然後如果你有寫 medium 或者任 何 blog 的話，建議最好是把每篇文章的標題跟網址都放在履歷表上，比起只列一個你自 己 blog 的 url，看起來氣勢差很多的。 -- -基礎知識的準備： 不管你慣用的 framework 哪一派的，基本面試上 native js 的底子要有一定的基礎， native js 不只是學了潮潮的最新標準或者還在 draft stage ECMAScript 的語法就 OK 了，closure 和 variable hoist 都算是被問爛的題目，let const var 這三者的差別， functional scope 的特性，this 是如何被決定的，prototype chain inheritance 跟 c++ 的靜態語言的物件導向的差別，對於 framework 的掌握不只是會 life cycle function 跟 api 而已，要理解他們是基於什麼樣的概念去 model 前端問題。 CSS 雖然會比較少被問，但這仍然是一個前端工程師的基本功，不管是水平垂直置中置左 置右的對齊，box model，position 的用法，inline, inline-block, block, flexbox, table, table-cell 這些 display 的差別 ，margin collapsing 的解法，id class 的 權重，清除浮動的方法。 DOM 最基本的 event 模型，capture bubbling phase 分別是指什麼，什麼是 event delegation 瀏覽器渲染相關知識跟優化過程，知道 browser 怎麼 parse html 什麼時候載入 resource 要怎樣避免阻塞渲染，request 數量對瀏覽器的影響跟怎麼改善， rendering pipeline 是什麼？怎麼加速渲染的 performance 跟製作高效能動畫， js 動畫跟 css 動畫的差別。 http verb 有哪些，基本狀態碼，etag 的 cache control，CORS 的問題跟解法。 常見的前端安全性問題 CSRF XSS 的解法，cookie 的安全性問題，jwt 的原理。 基礎知識的表達是需要練習的，表達不出來的知識表示你對他的掌握還不夠好。 當然難免還是要寫一些 leetcode -- -心態 最後即使能不能拿到 offer 除了實力以外運氣也很重要，沒拿到 offer 不代表是這間公 司對你的否定，雖然心情也是蠻不好受的，但是還是要在努力加油去找下一個機會。沒拿 到 offer 也不見得是壞事，畢竟你真的要實際下去工作才知道這間公司是不是真的有那 麼的適合你。面試被電沒關係，不會的知識學了就會了，工作只是一時的，真正有價值的 是健康的身心跟努力想變強的自己。 -- 應該不是 碩士 不過我想前端跟學歷比較沒有關係 感謝提醒 修正 Typo 前端薪水大部分都偏低吧 面試的水準蠻高的 我不覺得好進去 喔對 抱歉 修一下 typo 感謝大大提醒 另外公式解算 power 應該是 O(log N) 沒錯
※ 批踢踢實業坊(ptt.cc), 來自: 61.230.47.22
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1506780799.A.762.html

推 prag222: 之前在外商看到公司的前端工程師都感覺好猛 09/30 22:20

推 INTJ: 強 09/30 22:24

推 tw689: 推原po 不推104 09/30 22:30

推 lulufufu: 推分享 09/30 22:33

推 y2468101216: 推 09/30 22:45

推 CaLeLu: 詳細推，看到自己與下一個階段的差距了QQ 09/30 23:09

推 Eos: 1.3M是台灣軟體業技術職的頂了嗎 09/30 23:24

→ dnabossking: 可以請問學歷嗎？ 09/30 23:34

推 testPtt: 前端不錢端阿 畢竟現在套版就能做很好看了 09/30 23:38

推 bowin: 推詳細分享！不過好多博弈，然後是SaaS喔 09/30 23:38

推 prag222: 之前看一下Typescript用了一下let 有瀏覽器不支援嗎? 09/30 23:44

推 Hevak: 推，這篇分享很詳細 09/30 23:54

→ Hevak: 不支援 let 不奇怪，但 typescript 可以 compile to es5 09/30 23:55

→ Hevak: https://caniuse.com/#feat=let 09/30 23:55

→ Hevak: 剛剛上面漏打字orz，有詳細分享被問什麼覺得很有幫助 09/30 23:56

推 savealone: 強！面試的公司跟我找的很類似！ 10/01 00:00

推 youtuuube000: 這心得文真有用 推！ 10/01 00:16

推 asleisureto: 兩年就破百 前端薪水真的不錯@@ 10/01 00:21

推 xyz2222aqaq: 感謝分享，剛滿一年努力中 10/01 00:46

推 oneword416: 高手~感謝分享! 10/01 00:59

推 Schaos: 謝謝分享 10/01 01:02

→ KernelChen: appier 前端好像滿好進的 10/01 01:23

推 genius945: 推 10/01 01:46

推 puritys: Good 10/01 02:02

推 k801030: 感謝分享 10/01 02:06

推 content71: 推一個 10/01 02:08

推 vi000246: 詳細推 10/01 02:17

推 IhateOGC: 恭喜 10/01 06:22

推 alice822: 感謝分享 10/01 08:25

推 TAKADO: 推 10/01 09:40

推 kakahikari: 感謝分享 10/01 09:45

推 louisalflame: 推分享 10/01 09:51

推 zonppp: 好強 10/01 09:57

推 jen1121: 推 10/01 10:12

推 zerozzz7887: 感謝分享 10/01 10:31

推 clamperni: 感謝分享 雖然不會用到但還是幫推 10/01 10:34

推 william45682: 分享推 10/01 13:19

推 comicat: 原po厲害 10/01 14:11

推 duck10704: 好強... 有些問題我都回答不出來 QQ 10/01 16:37

推 tx50xyz: 阿，有原po的一半功力就好了 10/01 20:19

→ tx50xyz: 真的，有時找工作，是要有運氣的 10/01 20:19

推 fun4i0220: 高手 推 10/02 01:36

推 robertabcd: 感覺 offer 有點偏低 10/02 09:13

推 Japie: 朝聖!! 強者我同學 10/02 09:46

推 godgunman: 是說 fabonaci 拼錯了應該是 fibonacci 10/02 15:04

→ godgunman: 還有 fibonacci 求出第 n 項 那邊應該是 O(log N) 吧 10/02 15:07

推 lmr3796: 費伯納西公解的N次方根號5是logN吧 10/02 16:13

→ lmr3796: 啊靠北樓上有了XD 10/02 16:13

推 LarryPage: 強者我同學 orz 10/02 18:55

推 qcl: 強者我同學推！ 10/03 21:01

推 t7552175: 強者推 10/04 18:16