包含演算法題和前端基礎題，時長約 120 分鐘。演算法題 2-3 道（LeetCode 中等難度），前端題涉及 JS 輸出題、CSS 佈局題等。
← 返回首頁
騰訊前端工程師面試指南 2026
騰訊前端面試以手寫程式碼能力和框架原理深度著稱。面試涵蓋 JavaScript 核心機制、CSS 佈局、框架原理和效能最佳化，並重視小程式和跨端開發經驗。本指南整理了完整面試流程和高頻題目。
面試流程
題型分佈
| 題型 | 佔比 | 說明 |
|---|---|---|
| JavaScript/CSS 基礎與手寫程式碼 | ~35% | 騰訊前端面試最核心的部分。高頻手寫題：Promise、防抖節流、深拷貝、EventEmitter、柯里化。CSS 考 BFC、層疊上下文、Flex/Grid。 |
| 框架原理（Vue/React） | ~25% | 不只是會用——要理解原理。Vue 響應式原理（Proxy/defineProperty）、虛擬 DOM diff 演算法、React Fiber 架構和 Hooks 實現機制。 |
| 效能最佳化與工程化 | ~20% | 首屏載入最佳化（SSR、Code Splitting、懶載入）、Webpack/Vite 建構最佳化、前端監控體系搭建。重視可落地的工程化方案。 |
| 專案經驗與場景設計 | ~20% | 圍繞你做過的專案深入追問。可能給出業務場景讓你現場設計前端方案。小程式/跨端相關經驗是加分項。 |
精選 10 題及思路
Promise.all 要處理空陣列和非 Promise 值（Promise.resolve 包裝）。Promise.race 注意一旦 settled 後續結果忽略。分析邊界情況和錯誤處理。
巨集任務（setTimeout、setInterval、I/O）vs 微任務（Promise.then、MutationObserver）。每次巨集任務後清空微任務佇列。能分析複雜巢狀的執行順序。
Vue2 的 defineProperty 無法偵測屬性增刪和陣列索引變化；Vue3 的 Proxy 可以。講清 reactive/ref 的實現、依賴收集（track）和觸發更新（trigger）機制。
防抖：最後一次觸發後等待 delay 執行；節流：固定間隔內最多執行一次。注意 leading/trailing 選項、this 綁定和取消功能。
Webpack：模組依賴圖 → Loader 轉換 → Plugin 處理 → Bundle 輸出。Vite：Dev 用原生 ESM + esbuild，Build 用 Rollup。最佳化：Tree-shaking、程式碼分割、快取策略。
BFC 觸發條件和應用（清除浮動、防止 margin 重疊）。層疊上下文的形成條件和 z-index 比較規則。Flex 的主軸/交叉軸、flex-grow/shrink/basis。
微信小程式雙執行緒模型（渲染執行緒 + 邏輯執行緒）、通訊機制。跨端方案對比：Taro、uni-app、React Native。討論各方案的效能差異和適用場景。
SSR/SSG、路由懶載入、資源預載入（preload/prefetch）、圖片最佳化（WebP/懶載入）、CDN 部署、關鍵 CSS 內聯。給出可量化的最佳化指標。
遞迴遍歷 + WeakMap 記錄已拷貝物件處理循環參照。需要處理 Date、RegExp、Map、Set 等特殊型別。討論 structuredClone 的優劣。
錯誤監控（JS 異常/Promise 未處理/資源載入失敗）、效能監控（FCP/LCP/CLS）、行為監控（PV/點擊/路由）。討論資料上報策略（批量/取樣）和 SDK 體積控制。
常見誤區
手寫程式碼能力不扎實
騰訊前端面試幾乎每輪都有手寫程式碼環節。Promise、防抖節流、深拷貝這些經典題必須能快速且正確地寫出來。只背思路不動手練習是通不過的。
只會用框架不理解底層原理
「用 Vue 做過專案」不等於理解 Vue。面試官會追問響應式原理、虛擬 DOM diff、編譯器最佳化。建議閱讀核心原始碼或 mini 版本實現加深理解。
忽視 CSS 和瀏覽器渲染基礎
很多候選人只準備 JS 忽略 CSS。騰訊會考 BFC、層疊上下文、重排重繪、合成層等知識。瀏覽器渲染流水線（Parse → Style → Layout → Paint → Composite）要能講清。
不關注小程式和跨端技術
騰訊是微信小程式的母公司。即使你面試的不是 WXG，了解小程式架構原理（雙執行緒模型、通訊機制）和跨端方案也是加分項。
如何用 Offer.cc 實戰
下載並啟動
下載 Offer.cc 桌面端（macOS / Windows）。面試前啟動並保持背景執行。
面試中截圖識題
面試過程中按 Cmd/Ctrl+Enter 截圖識題，AI 秒級產生答案路徑。
繼續處理追問
面試中遇到追問時，繼續用即時聽題和截圖識題取得下一步回答方向。
常見問題
開始準備你的下一場面試
按分鐘使用，用多少算多少。為下一場面試做好準備。
本指南基於公開面試經驗和資訊整理，面試流程可能隨時調整，不保證面試結果。所有商標歸其各自所有者所有。