Home軟體前後端前後端面試詳解前端工程前端工程面試題詳解 - 導覽2024年1月27日💎 加入 E+ 成長計畫 與超過 400+ 位軟體工程師一同在社群中成長,並且獲得更多的軟體工程學習資源本系列彙整了常見的前端工程面試題,包含 HTML、CSS、前端工具、前端效能優化HTML 系列什麼是 HTML 語意化?<script> 標籤應該放在 HTML 的什麼位置?<link> 呢?如何在 HTML 中插入 CSS 樣式?優先順序是什麼?<script> 的 async 與 defer 有什麼不同?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 是什麼? 解決了什麼問題? 適用在什麼場景?前端工具什麼是前端模組化?webpack 中的 loader 和 plugin 的差別是什麼?為什麼 pnpm 比 npm 更快且更省空間?Vite 是什麼? 為什麼要用 Vite? 它解決了哪些問題? 又是如何解決?Bun 是什麼? 為什麼要用 Bun? 它解決了哪些 Node.js 的問題?你很常聽到 monorepo,但為什麼要用 monorepo?前端效能優化回流 (Reflow) 和重繪 (Repaint) 是什麼?以及如何優化?什麼是防抖 (debounce)?如何實踐防抖 (debounce) 函式?什麼是節流 (throttle)?如何實踐節流 (throttle) 函式?什麼是關鍵渲染路徑 (critical rendering path)?如何避免前端系統的記憶體洩漏 (memory leak)?其他前端圖片格式選擇,什麼時候該用JPG、 PNG、WebP 或 SVG 呢?什麼是 SPA (Single-Page Application)?有什麼優點和缺點?