前端工程面試題詳解 - 導覽
2024年1月27日
💎 加入 E+ 會員方案 與超過千位工程師一同在社群成長，並獲得更多深度的軟體前後端學習資源
本系列彙整了常見的前端工程面試題，包含 HTML、CSS、前端工具、前端效能優化
HTML 系列
CSS 系列
- 請說明 CSS 選擇器的優先級
- CSS 中有哪些單位? 該如何使用?
- 說說你對 CSS 盒模型 (Box Model) 的理解
- 偽類 (pseudo-classes) 和偽元素 (pseudo-elements) 是什麼？
- 請解釋 CSS position 有什麼值和作用？
- CSS 中 display 的值有什麼？inline、block 和 inline-block 有什麼差異？display:none 和 visibility:hidden 的差別？
- CSS 水平垂直置中的方法 (flex, grid)
- StyleX 是什麼? 解決了什麼問題? 適用在什麼場景?
- 為什麼在 AI 代理時代，越來越多設計系統選擇 StyleX？
前端工具
前端效能優化
- 回流 (Reflow) 和重繪 (Repaint) 是什麼？以及如何優化？
- 什麼是防抖 (debounce)？如何實踐防抖 (debounce) 函式？
- 什麼是節流 (throttle)？如何實踐節流 (throttle) 函式？
- 什麼是關鍵渲染路徑 (critical rendering path)?
- 前端渲染模式的選擇
- 如何避免前端系統的記憶體洩漏 (memory leak)？
- 如何用瀏覽器開發者工具 (DevTools) 定位效能相關問題?
- DevTools — 如何在開發者工具上 debug 原始程式碼?
- DevTools — 如何用善用設置斷點 (breakpoint) 加速 debug?
- 前端效能優化之列表虛擬化 (virtualization)