魯斯前端
布魯斯前端
全部課程
常見的前端面試題目
關於布魯斯
繁中
简中
EN
登入
常見的前端面試題目
by 前 TikTok 面試官
布魯斯曾經在 TikTok 擔任前端面試官，根據自身經驗整理了 69 道常見的前端面試題目，幫助你準備前端面試。
📚 常見 JavaScript JS 題目
變數 const、let、var 與 Hoisting
JS裡的嚴格與鬆散比較
事件循環與非同步操作
JavaScript 作用域
JavaScript 閉包（Closure）
Map 與 Set 資料結構
new、原型鏈與Class是什麼？
JavaScript this 關鍵字是什麼？
Promise 與 Async/Await 是什麼？
深拷貝與淺拷貝是什麼？
JavaScript 模組化系統是什麼？
📚 HTML、CSS、瀏覽器
為何不能DIV濫用？標籤濫用問題
Box模型與Display
CSS選擇器優先級
Flexbox面試重點
px vs rem vs em詳解
絕對定位與React Portal
事件冒泡原理是什麼？
如何正確開啟外部連結
📚 HTTP、瀏覽器、網路安全
從瀏覽器輸入網址到打開網頁的過程
HTTP vs HTTPS 比較
HTTP/1 vs HTTP/2 比較
常見的HTTP狀態碼
HTTP Cookie 詳解
跨域是什麼？怎麼解決跨域問題？
XSS攻擊
Content Security Policy
CSRF cookie跨域攻擊
SQL注入攻擊
✍️ 面試必會的JS Coding
實作扁平化陣列或物件
實作防抖函數處理輸入事件
實作節流函數優化數據請求
實作陣列 filter 方法
實作陣列 map 方法
實作 curry 柯里化函數
手寫 Promise 實作
手寫 Promise.all 實作
實作 Promise Pool 並發控制
實作限時 Promise
實作 JSON.stringify
實作 Memoize 記憶化函數
實作 Promise Sleep 函數
實作陣列分塊函數
實作深拷貝函數
實作執行非同步任務
實作訂閱與發佈模式
實作自定義 useFetch Hook
實作資料獲取與 UI 更新
📚 前端性能優化題目
學員專屬
頁面載入 - 解釋網頁的渲染過程（CRP路徑）
頁面載入 - Script 位置與 defer、async 屬性
頁面載入 - SSR vs SSG vs CSR 是什麼？
頁面載入 - Lazy Loading 是什麼？
頁面載入 - Code Splitting 是什麼？
頁面載入 - Prefetch & Preload 解析
頁面載入 - 什麼是CDN？為何需要CDN
頁面載入 - Utility First CSS 的好處
用戶交互優化 - Throttle 與 Debounce
用戶交互優化 - 快取策略 (Web Storage & HTTP Cache)
用戶交互優化 - will-change 硬體加速動畫
用戶交互優化 - RequestAnimationFrame 避免動畫掉幀
用戶交互優化 - React 渲染優化
📚 React 面試觀念
學員專屬
Hook原理與為何Hook呼叫方式有限制？
useRef用途與實現原理
useEffect的執行時機
useEffect 與 useLayoutEffect的使用選擇
解釋 React Key 的用途
什麼是Server Component & Hydration？
狀態管理框架選擇與理由
Virtual DOM 與 React Fiber
