Blog
"How far a person can go, it's all about who you're traveling with."
LeetCode 系列
從 HashMap 到 Bit Manipulation,22 個主題帶你系統性建立演算法思維。
Math 數學解題技巧
#9 Palindrome Number · #50 Pow(x, n) · #202 Happy Number · #204 Count Primes — 快速冪、篩法、Floyd 判環,把數學性質變成演算法武器
Bit Manipulation 位元操作的魔法
#191 Number of 1 Bits · #338 Counting Bits · #268 Missing Number · #136 Single Number — 用 XOR 與位移取代迴圈,寫出令人拍案的 O(1) 解法
EP.20 — Heap:從 Top K Frequent 到 heapq 底層
#347 Top K Frequent Elements — 從 Counter.most_common、串列生成式、heapq.nlargest / nsmallest,一路理解 heapq 常用函式與 binary heap 結構
EP.19 — Trie: 為字串搜尋而生的樹
#208 Implement Trie · #211 Add and Search Words · #648 Replace Words — 從零實作 Trie,到 DFS 萬用字元搜尋
EP.18 — Monotonic Stack: 維持單調的 Stack
#739 Daily Temperatures · #496 Next Greater Element · #42 Trapping Rain Water — 從 O(n²) 暴力到 O(n) 的關鍵資料結構
Web 開發系列
從零建立 React + Next.js 作品集,到 Git、Docker、HTML/CSS 工程師必備工具。
WebSocket: 打造即時互動的心臟
不再被動等待回應。學習如何透過全雙工通訊,實現毫秒級的即時聊天、通知系統與多人協作功能。
GraphQL: 重新定義 API 互動
不再被 REST 的多個 Endpoint 所困擾。學習如何讓前端精確定義所需的資料,並透過 Apollo Server 打造高效能的 API 層。
國際化(i18n): 用 next-intl 讓你的網站說多國語言
next-intl 路由配置、訊息格式化、複數規則、日期貨幣本地化 — 打造真正的多語言 Next.js 應用
Next.js Middleware 與 Edge Runtime: 在邊緣執行你的邏輯
Middleware 攔截請求、Edge Functions、Geolocation 分流 — 讓你的應用響應速度提升到 50ms 以內
Progressive Web App(PWA) 完整指南
Service Worker、Web App Manifest、Push Notification、Offline First — 讓網頁擁有原生 App 的體驗
JavaScript 系列
Closure、Event Loop、Promise — JavaScript 面試最常考的核心概念深度解析。
Web APIs 實戰: Web Workers、IndexedDB、Intersection Observer
瀏覽器原生 API 的三大場景 — 背景執行緒、離線儲存、懶載入 — 不依賴框架的原生能力
Functional Programming in JavaScript: 不可變資料與純函數
Immutability、Pure Functions、Compose、Functor、Maybe Monad — 讓你的程式碼更可預測、更好測試
JavaScript 設計模式: Observer、Strategy、Factory 實戰
三個最常被問到的設計模式 — 用 React 的真實場景帶你理解「為什麼」而非死背
TypeScript 進階:泛型、 Conditional Types、Utility Types 實戰
Generic Constraints、infer、Mapped Types、Template Literal — 從「加冒號」到真正的型別工程師
Promise & Async: 異步處理的演進史
從混亂的 Callback Hell 到優雅的 Async/Await。徹底掌握 JavaScript 處理資料請求與長時間任務的終極方案。
網路協定系列
從 TCP/IP 三向交握到 HTTP/3,深入理解現代網路傳輸的底層機制與安全防線。
TCP/IP 深度解析: 從握手到揮手的旅程
為什麼網路傳輸需要這麼繁雜的步驟?深入探討可靠傳輸背後的設計哲學,掌握擁塞控制與視窗機制。
Security Headers: 網頁安全的隱形防線
為什麼加了幾個 Header 就能防禦 90% 的攻擊?從 CORS、CSP 到 HSTS,深度解析現代瀏覽器的安全機制與正確配置方法。
HTTP/3 與 QUIC:下一代網路協定完全解析 為什麼 HTTP/3 比 HTTP/2 快?
QUIC 協定原理、0-RTT 連線、多路複用解決 Head-of-Line Blocking — 從 TCP 的致命缺陷說起,解析 HTTP/3 如何從根本上重新設計網路傳輸層, 並帶來連線遷移、0-RTT 等革命性特性。
gRPC:微服務間通訊的 高效選擇
Protobuf 二進位編碼、Service 定義、Streaming — 比 REST 更快、強型別、自動生成客戶端
WebSocket 與 SSE: 即時通訊的兩種選擇
WebSocket 雙向連線、Server-Sent Events 單向推送 — 聊天室 vs 即時更新,選對工具
DevOps & 雲端系列
CI/CD、DevSecOps、基礎設施即程式碼 (IaC),打造自動化且安全的開發流程。
DevSecOps: 將安全植入自動化流程
不要讓「安全」成為部署的阻礙。學習如何在 CI/CD 的每一秒鐘,自動偵測漏洞、掃描秘密資訊與保護容器鏡像。
Terraform:Infrastructure as Code 入門 用程式碼管理雲端基礎設施
Provider、Resource、State、Module — 告別手動點選 AWS Console, 把整個雲端基礎設施變成可版本控制、可重現、可自動化的程式碼。
監控告警:Prometheus + Grafana 完整實戰 Metrics 四黃金信號、AlertManager、Dashboard 設計
讓問題在用戶發現之前就告警給你 — 從 Node.js 暴露 Metrics, 到 PromQL 查詢、Grafana Dashboard,再到 AlertManager 即時告警。
藍綠部署與 Canary Release: 零 Downtime 上線策略
藍綠切換、Canary 灰度發布、Feature Flag、滾動更新 — 讓每次部署都可以安全回滾
Kubernetes 入門: Container 編排的下一步
Pod、Deployment、Service、Ingress — 從 Docker Compose 到 K8s 的思維轉換,以及為什麼大公司都在用
系統設計系列
高併發、負載平衡、快取策略、資料庫設計 — 打造可擴展的大型系統架構。
Event Sourcing 與 CQRS: 用事件重建一切
Event Store、Command/Query 分離、Projection 重建 — 金融、電商最愛的資料架構模式
CDN 與 Edge Computing: 讓資源在全球 50ms 內送達
CDN 原理、Edge Caching、Cache Invalidation、Cloudflare Workers — 大流量系統的靜態資源加速策略
微服務拆分原則 與 Service Mesh
Domain-Driven Design、Strangler Fig Pattern、Istio Sidecar — 何時拆、怎麼拆、拆完怎麼管
搜尋系統:Elasticsearch 入門與全文搜尋設計 Inverted Index、Mapping、Query DSL、Relevance Score
從 SQL LIKE 到真正的搜尋引擎 — 理解倒排索引如何讓搜尋從 O(n) 變成 O(1), 掌握 Query DSL 與 Aggregation,最後整合到 Node.js 生產環境。
限流設計:保護你的系統不被打垮 Token Bucket、Leaky Bucket、Sliding Window、Redis 實作
面試最常考的限流演算法完整指南。從演算法原理到 Node.js 單機實作, 再到 Redis 分散式方案,最後討論不同資源的限流策略設計。
資料庫系列
從 SQL 優化、Index 原理到 NoSQL 與分散式事務,全面掌握資料儲存技術。
PostgreSQL 進階:Window Functions、CTE、EXPLAIN ANALYZE 讓你從「會寫 SQL」進化到「寫好 SQL」
ROW_NUMBER、RANK、LAG/LEAD、遞迴 CTE、執行計畫優化 — 讓你從「會寫 SQL」進化到「寫好 SQL」
Redis 進階應用:Pub/Sub、Lua Script、分散式鎖 不只是快取的完整應用指南
Redis Streams、HyperLogLog、Bloom Filter、分散式鎖實作 — Redis 不只是快取的完整應用指南,從 Pub/Sub 到 Lua Script 原子操作, 解鎖 Redis 的全部潛能。
資料庫 Sharding 與讀寫分離 水平擴展的關鍵決策
Hash Sharding、Range Sharding、主從複製、Replication Lag — 千萬級資料的分散式資料庫架構,從讀寫分離到 Sharding,一步步解開水平擴展的謎題。
NoSQL 入門:MongoDB 與選型指南 Document Model、Schema 設計、Aggregation Pipeline、Mongoose
什麼時候用 NoSQL,什麼時候堅持 SQL?從 Document Model 的本質出發, 一路走到 Aggregation Pipeline 與實際的 Mongoose 開發,再給你一份清晰的選型決策表。
交易與鎖定:ACID 不只是面試題 隔離層級、髒讀、幻讀與死鎖實戰
「帳戶轉帳扣了錢卻沒入帳」、「庫存超賣」——這些都是交易設計錯誤的結果。 ACID 保證的不只是理論,而是你的資料在並發情況下不會壞掉的底線。
AI 離線部署
在隔離網路環境部署本地 LLM — Ollama、Dify、Transformer TTS 完整實戰。
OpenCV XY Vision Automation | 智慧化視覺辨識與自動化操作系統
透過 OpenCV 視覺辨識與座標轉換,讓傳統依賴固定 XY 座標的自動化測試,升級為可動態辨識 UI 的智慧化操作系統。
Test Management System (TMS) | Legacy System 重構實戰
分享如何在不中斷實驗室運作的前提下,重構一套每天被大量使用的測試管理系統。
從 Transformer 延伸到 ChatGPT
Attention 機制如何從語音合成走向通用語言智慧 — BERT 雙向編碼器、GPT 系列、RLHF、到 ChatGPT 的誕生
LLM 微調技術詳解:Adapter, LoRA 與 QLoRA
由陳憲億(Joseph Chen)撰寫,深入淺出解析 PEFT 技術,包括 Adapter、LoRA 與 QLoRA 的原理與實作,教你如何在消費級 GPU 上微調大模型。
嵌入式落地實戰 模型壓縮、量化與邊緣部署
VITS 音質再好,也必須壓縮才能跑在智慧穿戴裝置上。 Pruning、Quantization、Knowledge Distillation——三大壓縮技術的原理與取捨,以及 NPU/DSP 部署的實戰眉角。
嵌入式與系統
Linux、Shell Script、嵌入式通訊協定 — 軟體工程師必備的系統底層知識。
Python 系列
正規表達式、OpenCV 自動化、PyTorch 入門、Tkinter GUI — Python 在全棧開發中的實際應用。
Python 與 Shell 正規表達式 (Regex) 完全指南
從原子組件到實戰提取,掌握全棧開發中最核心的萬用字元搜尋技術。
Tkinter GUI 開發 Python 桌面應用
事件驅動設計、Grid 佈局、與 Raspberry Pi 自動化測試的實際整合
PyTorch 入門 AI 工程師必備基礎
Tensor 操作、autograd、訓練迴圈 — 從 NumPy 思維到深度學習框架
OpenCV + 機械手臂 電腦視覺自動定位系統實戰
如何用 Python + OpenCV 讓機械手臂「看到」目標並自動移動到正確位置, 從影像辨識到 XY 軸座標轉換的完整技術拆解
後端語言
C 語言與 C# / ASP.NET — 軟體工程師面試必備的後端語言核心概念。