面試題庫 36
解釋 CSS Box Model，`box-sizing` 有什麼差異？
CSS基礎
解釋 Closure（閉包）的概念與實際應用場景
JavaScript基礎
什麼是 Event Loop？請說明 Call Stack 與 Task Queue 的關係
JavaScript進階
什麼是 Prototype Chain（原型鏈）？JavaScript 繼承如何運作？
JavaScript中階
TypeScript Generics（泛型）是什麼？請舉例說明用途
TypeScript中階
Vue 3 的 Composition API 相較 Options API 有哪些優勢？
Vue 3中階
什麼是 LCP？如何優化以達到 Core Web Vitals 標準？
Web Vitals進階
什麼是閉包 (Closure)？
JavaScript基礎
什麼是 HTML 語意化？
HTML基礎
<script> 應該放在 HTML 的什麼位置？<link> 呢？
HTML基礎
如何在 HTML 中插入 CSS 樣式？優先順序是什麼？
HTML中階
請說明 <script> 的 async 與 defer 有什麼不同
HTML中階
請說明 CSS 選擇器的優先級
CSS基礎
CSS 中 px、em、rem 的區別？又該如何選擇用哪個？
CSS基礎
CSS 水平垂直置中的方法
CSS中階
display: inline 和 display: block 的差異？
CSS基礎
display: none 和 visibility: hidden 的差異？
CSS基礎
請解釋 CSS position 有什麼值和作用？
CSS中階
前端圖片格式選擇，什麼時候該用 JPG、PNG、WebP 或 SVG 呢？
CSS基礎
偽類 (pseudo-classes) 和偽元素 (pseudo-elements) 是什麼？
CSS中階
回流 (reflow) 和重繪 (repaint) 是什麼？以及如何優化？
Web Vitals中階
什麼是節流 (throttle)？如何實踐節流 (throttle) 函式？
Web Vitals中階
有什麼可以優化前端效能的方法？
Web Vitals進階
什麼是防抖 (debounce)？如何實踐防抖 (debounce) 函式？
Web Vitals中階
請說明 DOMContentLoaded, load, beforeunload, unload 的觸發時機
瀏覽器原理基礎
請說明瀏覽器中的事件委派、捕獲、冒泡
瀏覽器原理中階
e.target 和 e.currentTarget 的區別
瀏覽器原理基礎
CORS 是什麼？為什麼要有 CORS？
瀏覽器原理中階
請解釋 HTTP caching 機制
瀏覽器原理中階
請描述 cookie, sessionStorage 和 localStorage 的差異
瀏覽器原理基礎
你知道 localStorage 但你知道 IndexedDB 嗎？
瀏覽器原理中階
Web Worker 是什麼? 可以用在哪?
瀏覽器原理中階
分享從瀏覽器輸入網址到打開網頁的整個過程
瀏覽器原理進階
請問瀏覽器的渲染過程？回流 (reflow) 重繪 (repaint) 的差別是什麼
瀏覽器原理中階
請解釋 HTTP 和 HTTPS，兩者有什麼差別？
瀏覽器原理基礎
cookie 有哪些屬性？怎麼禁止 js 訪問 cookie？
瀏覽器原理中階