前端工程面試題
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)？有什麼優點和缺點？