FE Interview Hub
題庫
AI 面試
EN
使用 Google 登入
全部
JavaScript
Vue 3
CSS
網路安全
HTML
Web Vitals
瀏覽器原理
行為面試
QUESTION BANK
面試題庫
185
解釋 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
進階
GraphQL 與 REST API 的核心差異為何？何時應選擇 GraphQL？
categories.api-design
中階
API 版本控制策略有哪些？各自的優缺點為何？
categories.api-design
中階
什麼是防抖 (debounce)？如何實踐防抖 (debounce) 函式？
Web Vitals
中階
請說明 DOMContentLoaded, load, beforeunload, unload 的觸發時機
瀏覽器原理
基礎
請說明瀏覽器中的事件委派、捕獲、冒泡
瀏覽器原理
中階
e.target 和 e.currentTarget 的區別
瀏覽器原理
基礎
CORS 是什麼？為什麼要有 CORS？
瀏覽器原理
中階
請解釋 HTTP caching 機制
瀏覽器原理
中階
請描述 cookie, sessionStorage 和 localStorage 的差異
瀏覽器原理
基礎
分散式鎖的設計與實作
categories.system-design
進階
你知道 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
基礎
Saga 模式：分散式交易管理
categories.system-design
進階
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
中階
API Rate Limiting 有哪些演算法？如何實作分散式限流？
categories.api-design
中階
父子元件如何溝通？
Vue 3
基礎
可以簡單介紹一下你自己嗎？
行為面試
基礎
你曾經和同事或主管發生意見分歧嗎？你是如何處理的？
行為面試
基礎
請分享一個你在工作或學習中遇到困難，並成功解決的例子
行為面試
基礎
你為什麼想應徵這個職位？為什麼選擇我們公司？
行為面試
基礎
你未來 3 到 5 年的職涯規劃是什麼？
行為面試
基礎
什麼是 DDoS 攻擊？如何防範？
網路安全
基礎
什麼是 SQL Injection？該如何避免？
網路安全
基礎
什麼是 CSRF 攻擊？如何防範？
網路安全
基礎
什麼是 XSS 攻擊？如何防範？
網路安全
基礎
資料庫索引的原理是什麼？如何決定為哪些欄位建立索引？
categories.database
中階
常見快取策略有哪些？Cache-Aside、Write-Through 和 Write-Behind 的差異？
categories.performance
中階
SQL Injection 攻擊與防範
categories.security
基礎
API Gateway 在微服務架構中的角色與核心功能是什麼？
categories.api-design
中階
WebSocket、Long Polling、SSE 的差異與適用情境
categories.api-design
中階
什麼是 API 冪等性（Idempotency）？如何設計冪等 API？
categories.api-design
中階
API 分頁設計：Offset vs Cursor-based Pagination 如何選擇？
categories.api-design
中階
Node.js Event Loop 的運作機制為何？如何避免阻塞？
categories.language
中階
並發（Concurrency）與平行（Parallelism）的差異是什麼？
categories.language
基礎
SOLID 原則各代表什麼？能舉例說明嗎？
categories.language
中階
記憶體管理與垃圾回收（GC）的核心概念是什麼？
categories.language
中階
後端開發中最常用的設計模式有哪些？
categories.language
中階
靜態型別 vs 動態型別語言的差異？各自適合什麼場景？
categories.language
基礎
後端語言選擇：Node.js、Python、Go、Java 各適合什麼情境？
categories.language
基礎
ACID 特性是什麼？各自代表什麼意義？
categories.database
中階
N+1 查詢問題是什麼？如何偵測與解決？
categories.database
中階
資料庫分片（Sharding）策略有哪些？各自的優缺點為何？
categories.database
進階
CAP 定理是什麼？在系統設計中如何應用？
categories.database
中階
資料庫交易隔離等級有哪四種？各自解決什麼問題？
categories.database
進階
資料庫正規化是什麼？1NF、2NF、3NF 的差異？
categories.database
基礎
訊息佇列的應用場景與技術選型（Kafka vs RabbitMQ）
categories.system-design
中階
負載均衡策略有哪些？L4 vs L7 負載均衡的差異？
categories.system-design
中階
斷路器（Circuit Breaker）模式的工作原理與實作
categories.system-design
中階
分散式快取設計：Redis 在系統架構中的角色
categories.system-design
中階
微服務 vs 單體架構：如何做技術選型？
categories.system-design
中階
XSS 跨站腳本攻擊與防禦
categories.security
基礎
CSRF 跨站請求偽造與防禦
categories.security
中階
JWT 最佳實踐與安全注意事項
categories.security
中階
密碼雜湊：bcrypt vs Argon2
categories.security
基礎
HTTPS 與 TLS 加密原理
categories.security
基礎
身份驗證（Authentication）vs 授權（Authorization）
categories.security
基礎
資料庫查詢優化策略
categories.performance
中階
非同步處理模式：訊息佇列與背景任務
categories.performance
中階
CDN 策略與靜態資源最佳化
categories.performance
中階
延遲（Latency）vs 吞吐量（Throughput）
categories.performance
基礎
水平擴展 vs 垂直擴展
categories.performance
基礎
後端效能剖析技術
categories.performance
中階
SQL 視窗函數（Window Functions）
categories.sql-transformation
中階
SQL JOIN 類型詳解
categories.sql-transformation
基礎
SQL CTE 與遞迴查詢
categories.sql-transformation
中階
資料管道編排：Apache Airflow
categories.pipeline-orchestration
中階
ETL vs ELT：資料管道模式比較
categories.pipeline-orchestration
基礎
變更資料擷取（CDC）
categories.pipeline-orchestration
進階
資料品質監控
categories.pipeline-orchestration
中階
OLAP vs OLTP：分析型 vs 交易型資料庫
categories.warehouse-modeling
基礎
dbt 資料轉換工作流
categories.warehouse-modeling
中階
串流處理的視窗與時間語意
categories.stream-processing
進階
Apache Spark 核心架構
categories.batch-processing
中階
串流處理的訊息語意：Exactly-Once vs At-Least-Once
categories.stream-processing
進階
資料管道的冪等性設計
categories.pipeline-orchestration
中階
批次處理設計模式
categories.batch-processing
中階
Spark 效能調優
categories.batch-processing
進階
資料格式：Parquet vs ORC vs CSV
categories.batch-processing
基礎
MapReduce 計算範式
categories.batch-processing
基礎
真正串流 vs 微批次處理
categories.stream-processing
基礎
Lambda 架構 vs Kappa 架構
categories.stream-processing
進階
Apache Kafka 核心概念
categories.stream-processing
中階
資料倉儲分區與叢集（Partitioning & Clustering）
categories.warehouse-modeling
中階
資料倉儲 vs 資料湖 vs 資料湖倉
categories.warehouse-modeling
基礎
維度建模：星型架構與雪花架構
categories.warehouse-modeling
中階
SQL 交易與 ACID 特性
categories.sql-transformation
基礎
SQL 查詢優化：EXPLAIN 與執行計畫
categories.sql-transformation
中階
資料品質的六大維度是什麼？
categories.data-quality-observability
基礎
什麼是資料血緣 (Data Lineage)？如何追蹤它？
categories.data-quality-observability
中階
如何在資料 Pipeline 中實作異常偵測？
categories.data-quality-observability
中階
什麼是資料目錄 (Data Catalog)？它解決什麼問題？
categories.data-quality-observability
基礎
資料可觀測性的五大支柱是什麼？如何建立完整的監控體系？
categories.data-quality-observability
進階
Docker 容器與虛擬機器有什麼差異？Image 和 Container 的關係是什麼？
categories.containers-platform
基礎
Kubernetes 的 Pod、Deployment 和 Service 各自的作用是什麼？
categories.containers-platform
基礎
Kubernetes 中 Resource Requests 和 Limits 有什麼差別？如何設定？
categories.containers-platform
中階
Kubernetes Ingress 是什麼？與 Service LoadBalancer 有何不同？
categories.containers-platform
中階
什麼是 Service Mesh？它解決了微服務架構中的哪些問題？
categories.containers-platform
進階
什麼是基礎設施即程式碼 (IaC)？Terraform 的核心工作流程是什麼？
categories.infrastructure-as-code
基礎
Terraform State 是什麼？團隊協作時如何管理遠端 State？
categories.infrastructure-as-code
中階
什麼是 GitOps？它與傳統 CI/CD 部署方式有什麼不同？
categories.infrastructure-as-code
中階
Terraform Module 是什麼？如何設計可重用的模組？
categories.infrastructure-as-code
中階
什麼是 Policy as Code？如何在 IaC 流程中實施合規控管？
categories.infrastructure-as-code
進階
CI/CD 流水線包含哪些關鍵階段？CI 和 CD 有什麼區別？
categories.delivery-automation
基礎
常見的部署策略有哪些？Blue-Green 和 Canary 部署的差異是什麼？
categories.delivery-automation
中階
DevSecOps 如何將安全性整合進 CI/CD 流水線？
categories.delivery-automation
中階
什麼是 Feature Flags？它如何支援持續部署和降低發布風險？
categories.delivery-automation
中階
如何管理 CI/CD 中的 Artifact？版本策略和不可變製品的重要性是什麼？
categories.delivery-automation
基礎
雲端原生 (Cloud-Native) 應用的核心設計原則是什麼？
categories.cloud-architecture
基礎
雲端環境中的自動擴展策略有哪些？水平擴展和垂直擴展的差異？
categories.cloud-architecture
中階
如何優化雲端基礎設施的費用？常見的降本策略有哪些？
categories.cloud-architecture
中階
如何設計多 Region 的高可用架構？RPO 和 RTO 是什麼？
categories.cloud-architecture
進階
Serverless 架構的優缺點是什麼？何時應該選擇 Serverless？
categories.cloud-architecture
中階
可觀測性的三大支柱是什麼？Metrics、Logs、Traces 各自的用途？
categories.observability
基礎
SLI、SLO 和 SLA 分別是什麼？如何在實踐中定義它們？
categories.observability
中階
分散式追蹤是如何工作的？什麼是 Span 和 Trace ID？
categories.observability
中階
如何設計有效的警報策略？如何避免警報疲勞？
categories.observability
中階
Prometheus 的工作原理是什麼？與 Grafana 如何配合使用？
categories.observability
基礎
完整的事故管理流程是什麼？事後檢討 (Post-mortem) 的關鍵要素是什麼？
categories.reliability-sre
中階
什麼是混沌工程 (Chaos Engineering)？如何在生產環境中安全地實踐它？
categories.reliability-sre
進階
SRE 中的 Toil（繁瑣工作）是什麼？如何識別和減少它？
categories.reliability-sre
基礎
SRE 如何進行容量規劃？負載測試在其中扮演什麼角色？
categories.reliability-sre
進階
分散式系統中常見的可靠性設計模式有哪些？
categories.reliability-sre
中階
首頁
題庫
AI 面試
我的收藏
