Engineer Interview Hub
全部JavaScriptVue 3CSSHTMLWeb Vitals瀏覽器原理行為面試

DOMAIN

前端

79

解釋 CSS Box Model，`box-sizing` 有什麼差異？

CSS 基礎

什麼是 Event Loop？請說明 Call Stack 與 Task Queue 的關係

JavaScript 進階

什麼是 Prototype Chain（原型鏈）？JavaScript 繼承如何運作？

JavaScript 中階

Vue 3 的 Composition API 相較 Options API 有哪些優勢？

Vue 3 中階

什麼是 LCP？如何優化以達到 Core Web Vitals 標準？

Web Vitals 進階

什麼是閉包 (Closure)？

JavaScript 基礎

什麼是 HTML 語意化？

HTML 基礎

在 JavaScript 中 0.1 + 0.2 會是多少？為什麼？如何避免相關問題？

JavaScript 中階

<script> 應該放在 HTML 的什麼位置？<link> 呢？

HTML 基礎

如何在 HTML 中插入 CSS 樣式？優先順序是什麼？

HTML 中階

HTTP/1、HTTP/1.1 和 HTTP/2 的區別

瀏覽器原理 中階

請說明 <script> 的 async 與 defer 有什麼不同

HTML 中階

請說明 CSS 選擇器的優先級

CSS 基礎

CSS 中 px、em、rem 的區別？又該如何選擇用哪個？

CSS 基礎

CSS 水平垂直置中的方法

CSS 中階

display: inline 和 display: block 的差異？

CSS 基礎

null、undefined 與 undeclared 的區別？

JavaScript 基礎

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？

瀏覽器原理 中階

什麼是 CDN？

瀏覽器原理 基礎

TCP 和 UDP 的區別是什麼

瀏覽器原理 基礎

請解釋 Set、Map、WeakSet 和 WeakMap 的區別？

JavaScript 中階

請問常見的 HTTP 狀態碼

瀏覽器原理 基礎

JavaScript 有哪些資料型別？該怎麼辨別一個變數的資料型別？

JavaScript 基礎

Map 與 object 的差別？為什麼有 object 還需要 Map？

JavaScript 中階

在 JavaScript 中用 var, let, 以及 const 有什麼差別？

JavaScript 基礎

嚴格模式 (use strict) 的用途？有什麼好處？

JavaScript 基礎

如何用 JavaScript 算出陣列的平均數？

JavaScript 基礎

什麼是提升 (Hoisting)？

JavaScript 基礎

JavaScript 中陣列 (Array) 的遍歷方法 (for loop, for...in, for...of, forEach, map, filter, every, some)

JavaScript 基礎

Javascript 的作用域 (Scope) 與作用域鏈 (Scope Chain) 是什麼？

JavaScript 中階

在 JavaScript 當中，==、=== 與 Object.is() 的區別

JavaScript 基礎

請解釋 JavaScript 中 this 的值？

JavaScript 中階

高階函式 (Higher Order Function) 是什麼？

JavaScript 基礎

JavaScript 立即調用函式 IIFE (Immediately Invoked Function Expression) 是什麼？優缺點是什麼？

JavaScript 基礎

ES6 中的 class 是什麼？和函式構造函式差別是什麼？

JavaScript 中階

箭頭函式 (arrow function) 和一般函式的差別是什麼

JavaScript 基礎

JavaScript 中的 sort 傳入 (a,b) ⇒ b - a 會是升序還是降序？為什麼呢？

JavaScript 基礎

Promise.all 是什麼？請實現 Promise.all

JavaScript 中階

如何使用 call、apply 或 bind？

JavaScript 中階

Promise 是什麼？有什麼用途？

JavaScript 中階

Promise.race() 是什麼？如何實踐 Promise.race()？

JavaScript 中階

JavaScript 中的淺拷貝 (shallow copy) 和深拷貝 (deep copy) 差別是什麼？要如何實踐？

JavaScript 中階

ES2023 有什麼新特性？

JavaScript 基礎

請實踐陣列扁平化 (flatten)

JavaScript 中階

為什麼推薦用 structuredClone 在 JavaScript 做深拷貝？

JavaScript 中階

ES6 有什麼新特性？

JavaScript 基礎

v-model 的原理是什麼？

Vue 3 中階

v-if 和 v-show 差異？

Vue 3 基礎

Vue 的生命周期是什麼？

Vue 3 基礎

Vue 如何實現響應式？

Vue 3 中階

computed 和 methods 的差異？

Vue 3 基礎

ref 和 reactive 差異？

Vue 3 中階

路由守衛有哪些？

Vue 3 中階

Pinia 與 Vuex 差異？

Vue 3 中階

父子元件如何溝通？

Vue 3 基礎

可以簡單介紹一下你自己嗎？

行為面試 基礎

你曾經和同事或主管發生意見分歧嗎？你是如何處理的？

行為面試 基礎

請分享一個你在工作或學習中遇到困難，並成功解決的例子

行為面試 基礎

你為什麼想應徵這個職位？為什麼選擇我們公司？

行為面試 基礎

你未來 3 到 5 年的職涯規劃是什麼？

行為面試 基礎