2024 年末到 2025 年 Mid & Senior 前端工程師面試心得

2025年12月20日•21 分鐘閱讀

ferenc-almasi-NzERTNpnaDw-unsplash(2).jpg

終於結束了長達一年的前端面試之旅，稍微把這一年來找工作的經驗整理一下，沒有想到會花這麼多時間在找工作，中間都是休一段，然後一段時間再卯起來投一波，過程中幾度找到懷疑到人生，沒拿到 offer 都不意外，好不容易拿到 offer 都要猶豫超久，不過還好時間證明自己的堅持是對的。

以下我會從我個人經驗分享這一年來的面試的經驗以及如何準備以提升自己的實力，還有哪些資源可以在準備的時候運用。

個人經驗

前端資歷：3~4 年

技能樹:

  • 精通
    • React 18+
    • React Native
    • Typescript
  • 寫過(不敢說精通)
    • Vue 2+
    • Next.js
    • Node.js

經驗：

  • 維護開發過大型 to C 產品
  • 帶過人

履歷投遞成效

總投遞數 60 間 投遞後邀約 20 間 (未列入公司主動邀約)

求職目標

主力投 React 相關的缺。

  • 求職目標：

    • 非博弈、非接案、非駐點、非派遣
    • 非一條龍
    • 寫 React 產品

  • 理想目標：

    • 前端組織有一定規模（至少 3 人）
    • 有前端主管
    • 有技術成長
    • 有PM、設計、後端
    • 薪資符合期望
    • 彈性上下班
    • 通勤方便

最後有找到符合理想目標的工作

面試紀錄

以下照英文字母順序排序非實際面試時間

91 APP ［UPD］前端開發工程師 / Frontend Engineer (F2E, React.jS)

  • 公司主動邀約
  • 面試關數：共三面，到一面
  • 視訊面試

hr phone view 約 15 分鐘，詢問離職原因、現職團隊規模、工作內容。

91 APP 總共有三關，第一關是視訊面試，由該職缺團隊的資深前端工程師根據履歷進行提問，整個過程大約 30 分鐘，主要是看有沒有符合跟他們公司的 Culture Fit ，過的話才會進第二關技術面，結果收到感謝函。

ACCUPASS 前端工程師 (Front-end Engineer)

  • 自己投
  • 面試關數：共一面
  • 視訊面試

面試時長約一個小時，面試是為視訊面試，由人資與前端主管進行，前半小時主要由人資進行行為面試，後面由前端主管進行 react 相關技術討論，什麼時候用 useMemo ? 什麼時候用 useCallback? 會去計算花費的記憶體大小嗎？如何進行效能優化？

了解到這份工作主要是使用 next.js 開發維護 ACCUPASS 這個產品的前後台網站，前端團隊包含主管共 3 個人，由於產品有一段時間了有部分程式碼需要重構。

AG Neovo 前端工程師

  • 自己投
  • 面試關數：共二面，到一面
  • 視訊面試

視訊面試 20 分鐘，由用人主管進行口頭技術考試，JS 的作用域是什麼？分散式系統是什麼？說明 WebSocket, MQTT ? 淺拷貝深拷貝？...等，這個職缺主要用 react, react native，熟悉網頁後才會讓其進行 react native 的開發，組織小，前端 1~2 位，主管兼 PM，後端 2 位。

Asus 網站前端工程師

  • 公司邀約
  • 面試關數：共一面
  • 視訊面試

這個職缺主要是用 react 維護華碩官網的後台，並且結合 ai 的應用。視訊面試共 2 個小時，第一個小時使用 teams 分享螢幕考邏輯積木的題目，接下來由前端主管與一位不知道職稱的主管（未自我介紹）兩位皆未開鏡頭進行面試，提問包含：如果今天要開始一個後台專案會用哪些什麼技術？為什麼？有使用過 ai 的經驗嗎？如何優化圖片效能? TypeScript Tpye 和 interface 的差別？seesion stoarge、localstoarge 、cookie 的差異？JWTtoken 存放位置？然後開 vscode 分享畫面考 live coding 主要是考處理 Array 的各種方法。 華碩這個前端 team 大概 10 幾位，2 人負責一個專案，有導入 monorepo 技術。

知名餐飲系統 資深前端工程師 (Senior Frontend Engineer)

  • 自己投
  • 面試關數：共二面，到一面
  • 實體面試

公司在共享辦公室，會先考筆試 20 分鐘，筆試是邏輯的題目，接著是 tech lead 進行技術面試，基本上就是一問一答的形式，問了如何優化 react 元件 re-render？有沒有用 next.js開發過 ssr ?如果後端 api 一次傳一萬筆資料你會怎麼做？當你拿到一個舊的專案，裡面很多程式碼沒有寫註解，你會怎麼做？當看到一些 legacy code 很髒你會想要重構？大概是這些問題，如果一面過，二面會由產品長面試，但於跟我的目標有蠻大的落差，我後來直接婉拒。

整個開發團隊 3-4 人，前端一位（就是這個職缺），後端一位，整體開發偏維運階段。

iKala 【Kolr】資深前端工程師 Senior Frontend Engineer

  • 公司主動邀約
  • 面試關數：共三面，到二面
  • 視訊面試

第一關，hr phone view 約 15 分鐘，詢問換工作的原因，有沒有聽過 Kolr ？現職公司的產品？現職公司的開發團隊組成？產品多久迭代一次？期待薪資？為什麼想加入 iKala？

第二關，視訊面試，由前端團隊的資深工程師進行技術考，最後加入一位主管進旁聽。上機考，提供一個 figma 設計稿考用 html + css 切版 ，可以用任何方式包含 ai 輔助，使用 codepen 螢幕分享，卡住時對方會提示。接著進行技術口頭考試，爲什麼要使用 tailwindCss?除了開發體驗還有什麼優勢？TypeScript unknown 跟 any 的差異？最近學習了什麼？什麼是 debounce? 有沒有聽過 CDN ? box model 是什麼？ 最後人資說明公司薪資結構（保13個月跟3節）跟福利。

該 iKala 的這個前端團隊約 5 人皆為資深，全遠端上班，非全公司都全遠端要看部門，這個職缺主要負責 Kolr 產品，主要的技術 react + Next.js 走敏捷開發，整體感覺是技術實力很不錯的團隊。

某間 AI 新創 前端工程師 Front-End Engineer

  • 自己投
  • 面試關數：共三面，到三面
  • 實體面試

第一關，實體面試，面試前人資會寄一個公司說明的簡報，包含福利、薪資結構保 13.5 個月，人資會先提供一份工作價值觀的排序填寫，寫完之後會問你為什麼是這樣排序，藉此了解你的工作價值觀，然後基本上就是問行為面試常問的那些，還有找工作最重視是什麼？約一個小時。

第二關，實體面試，用人主管面試，主管是主要後端工程師兼前端，沒有考技術，人資有事前請我準備過去實作的作品簡報，我就拿出來一個一個說明，然後主管根據我說明的技術內容追問。該團隊目前只有一位前端工程師，主要是需要維護產品後台，目前使用 Nuxt.js 然後同時要重構成 react spa 架構，未導入 TypeScript。

第三關，實體面試，跟老闆面試，大概一個小時，主要是問解決過最大的困難是什麼？過去做了什麼？離職的原因？基本上就是聊天。

面完一週後，人資發信說他們因人力資源上面的調動以及組織優化的因素決定暫停招募前端工程師。

必勝客Pizza Hut/肯德基KFC_富利餐飲股份有限公司本公司 台灣總部 - DTS Sr. Frontend Engineer (React)

  • 自己投
  • 面試關數：共二面，到一面
  • 視訊面試

hr phone view 約 15 分鐘，人資會先打電話，詢問換工作原因？為什麼想加入他們公司？期待薪資年薪？

第一關，視訊面試，先考筆試一個小時，考數學跟英文，數學是國中數學的程度有考機率、質數...，英文簡答題用英文筆試回答：為什麼想加入 Pizza Hut & KFC ? 請說明你的優勢跟劣勢是什麼？

接著由前端主管進行口頭技術考，約一個小時都在問技術問完還會延伸追問，XSS 是什麼？ csrf 是什麼? cors? 淺拷貝和深拷貝？ event loop? 在 useEffect 中的依賴只傳入一個"," react 會怎麼執行？在 useEffect 中呼叫一個 api 根據回傳直去 setState 但是在 api 回傳前跳到別的頁面會發生什麼事?平時專案開發如何進行? seesion stoarge、localstoarge 、cookie 的差異？一題跟 js array call by reference 有關的白板題，useCallback、useMemo、react 生命週期、 debounce、如何處理分頁（考用offeset,limit 處理分頁臨時有資料進來會導致 react key 重複，導致頁面壞掉），後面 hr 總結說明公司福利。

該職缺是擴編，主要負責 KFC 的點餐介面、後台等，前端 team 包含駐點 3 ~ 4人。

Shoalter 資深前端工程師 Sr. Frontend Programmer ( React )

  • 自己投
  • 面試關數：共一面
  • 面試前寫作業
  • 視訊面試

要寫兩份作業，人資給一個禮拜的時間寫作業，一個作業是用 next.js 串接 api 搭配指定的 ui 套件寫一個網頁並部署在 vercel，另外一個作業是 google 表單，會有 js 的問答題還有一些邏輯的選擇題，兩份作業量有點多，但是題目簡單。

視訊面試，首先由前端主管針對履歷進行發問，包含如何效能優化、如何追蹤錯誤，並且說明該職位的工作內容，接著由資深前端工程師會請你打開作業的程式碼說明整體架構的規劃，然後他會根據你開發的程式碼進行提問。

最後是人資，會提問各種行為面試的題目，還有議薪。

Shoalter 是香港的知名電商網站，旗下不只一個前端 team，我面的這個 team 是新的 team 主要是用 next.js 重新開發電商網站，印象中 2-3 位前端，持續擴編。

Word Up React Native 工程師

  • 自己投
  • 面試關數：共三面，到三面

第一關，視訊面試，面試因為要給團隊評估所以會錄影，跟老闆兼 CTO 聊聊，主要圍繞在過去工作經驗，會詢問投遞他們公司的原因，還有看過他們產品的哪些功能，寫過幾個 test case ?有寫文件的習慣嗎？分享曾經實際開發的功能如何實作，後面談薪水。

第二關，實體面試，是技術考試，在永春站的辦公室進行，先考一題 leetcode 約 30 分鐘，接著會提供一個產品需求的文件，要你用 React Native 實作，時間一個半小時，最後老闆根據實作的進度進行討論，沒有完成的部分他也希望結束後可以繼續補完，基本上題目很簡單。

第三關，視訊面試，與該公司的同事後端、UIUX聊天，雖然是聊天，但是問了超多行為面試的題目。

Word Up 前端大約 3~4 位，有完整的文件文化，跑 Scrum，開發團隊有後端、UIUX、PM，這個職缺是負責 Word Up APP。

YCM Products React Native Developer

  • 自己投
  • 面試關數：共四面，到四面

第一關，實體面試，大約一小時。在南京三民的共享辦公室，面試的主管是 AI 部門的主管，偏聊天風格，主要根據履歷詢問經歷，問了對 AI 的看法，為什麼轉職？維護的 React native 版本號?使用 expo or cli？React 生命週期？

第二關，面完第一關後發了作業給我，提供 api 跟需求描述，做一個結合 ai 應用的 app 時間為一個禮拜，有經驗的話題目很簡單，但就是需求多。

第三關，LINE 電話面試，約 30 分鐘，根據作業提交的程式碼問問題，還有問 UIUX 為什麼這樣設計？

第四關，LINE 電話面試，約 15 分鐘，再次說明該職缺負責的內容，確認薪水條件那些。

公司是做防霉的傳產在彰化，這職缺掛在台北的 Ai 部門，團隊裡面包含 2 個前端、2個後端、2 個Data，主管兼 PM、UIUX。

決定去的這家 前端工程師

  • 自己投
  • 面試關數：共二面，到二面

第一關，視訊面試，人資面試說明該職缺負責的內容，還有針對履歷的提問，如果能改變前公司你會想改變什麼？後面就是說明公司福利薪水。

第二關，實體面試，先考筆試 40 分鐘，10幾題的樣子，都是簡答題，考題包含了很多 JS 的陷阱題、event loop、xss、useState、hosting、this、git flow...。

考完之後，兩位前端＋一位前端主管進來面試，大概一個小時的時間，首先，逐題討論筆試寫錯的地方，引導我思考並且告訴我為什麼，真的很不錯。後面開始就幾乎全都是問技術：repaint 是什麼？ Websocket 是什麼實際開發時如何運用跟 http 的請求差異？如何效能優化？如何追蹤錯誤？如何優化圖片？爲什麼 react 元件要設計成記憶化？react 的渲染機制？如果有一支 api 回傳 6000 筆資料你會怎麼做？ssr/isr/spa？個人優點/缺點，進來團隊的目標？...等。最後人資再次說明該職缺要做的事情，詢問何時可以上班。

求職方法與紀錄：

投履歷管道：

主力 104 輔朋友介紹的獵頭， 有跟兩個獵頭聯繫但是他們手上的缺都我興趣缺缺

決定要不要去面試：

課金參考面試趣跟比薪水，可以節省很多時間。

求職紀錄:

使用的 Coach 喬的量化求職表格

實力養成

基本上求職就是運氣跟實力都很重要！

前端筆試準備

https://www.greatfrontend.com/

https://bigfrontend.dev/problem

基本上就是狂練習，最好要練到可以清楚說明原理的程度。

履歷調整與面試刷題技巧

有上顧職 Byran 開的相關課程。

前端讀書清單：

  1. React 思維進化
  2. 流暢的 React
  3. 簡約的軟體開發思維：用 Functional Programming 重構程式 以 Javascript 為例
  4. JavaScript 重修就好

FP 跟流暢的 React 這兩本都有跟 TBC 的線上讀書會，不然我讀不完。

Side project

基於前面幾次的面試發現市場主流的技術 next.js 居多，所以我花了一陣子用 next.js在做這個網站，並且開發 api 自己接文章內容。

口試白板題練習

剛好因緣際會下認識了幾個資歷相近、技能樹也差不多同時在找工作的前端工程師，彼此分享面試了哪些公司考了什麼？還有哪些是地雷，省了超多時間，然後約時間彼此互相口頭考技術題，還有練習行為面試、白板題，練完之後實力大增！

運氣方面：

有去行天宮拜拜把自己理想的條件逐一說清楚，最後拿到完全符合條件的 offer 真的很靈驗！

心得：

面試本來就勞方資方雙向的主觀感受，無論是環境或老闆或主管或同事，如果有面試當下有不舒服的感覺就表示進入該公司很可能會再次發生這樣的事情，要相信自己的直覺不要被大餅吸引。

所以在經歷過這麼多面試洗禮後，在後來我成為前端工程師的面試考官的時候，就提醒自己不要做自己討厭的行刑式面試，而是要成為可以適當的引導應試者思考，讓對方有所收穫的考官。

另外深深感受人脈的重要性，認識志同道合的工程師讓我在求職之路受到很多幫助，無論是互相練習面試亦或是討論職缺讓彼此減少很多丟履歷的時間，一起相互鼓勵，甚至到最後被意外內推，真的很感謝。

標籤:

前端面試