前端工程面試題
HTML 系列
- ▪︎什麼是 HTML 語意化?
- ▪︎請說明 DOMContentLoaded, load, beforeunload, unload 的觸發時機
- ▪︎<script> 應該放在 HTML 的什麼位置?<link> 呢?
- ▪︎<script> 的 async 與 defer 有什麼不同?
CSS 系列
- ▪︎請說明 CSS 選擇器的優先級
- ▪︎CSS 中 px、em、rem 的區別?又該如何選擇用哪個?
- ▪︎說說你對 CSS 盒模型 (Box Model) 的理解
- ▪︎偽類 (pseudo-classes) 和偽元素 (pseudo-elements) 是什麼?
- ▪︎請解釋 CSS position 有什麼值和作用?
- ▪︎CSS 中 display 的值有什麼?inline、block 和 inline-block 有什麼差異?display:none 和 visibility:hidden 的差別?
- ▪︎CSS 水平垂直置中的方法 (flex, grid)
前端工具
- ▪︎什麼是前端模組化?
- ▪︎webpack 中的 loader 和 plugin 的差別是什麼?
- ▪︎Vite 是什麼?為什麼要用 Vite?它解決了哪些問題?又是如何解決?
前端優化
- ▪︎回流 (reflow) 和重繪 (repaint) 是什麼?以及如何優化?
其他
- ▪︎前端圖片格式選擇,什麼時候該用JPG、 PNG、WebP 或 SVG 呢?
- ▪︎什麼是 SPA (Single-Page Application)?有什麼優點和缺點?