Notes archive.
Follow the gradual growth of a personal knowledge base.
218 entries · Newest first
2026
ARMv8 架構範例
Operating SystemHTML 自訂資料屬性(data-*)
HTMLCSS交換 (Swapping)
Operating SystemIntel 32 位元與 64 位元架構範例
Operating System頁表結構 (Structure of the Page Table)
Operating System連續記憶體配置 (Contiguous Memory Allocation)
Operating System分頁 (Paging)
Operating System主記憶體管理的背景 (Main Memory Background)
Operating SystemNginx 配置文檔基本結構：從 nginx.conf 到請求匹配流程
NginxNginx 簡介：圖解 Nginx 的常見用途
Nginx替代方案 (Alternative Approaches)
Operating SystemJava 的同步化機制 (Synchronization in Java)
Operating System死鎖偵測 (Deadlock Detection)
Operating System死鎖復原 (Recovery from Deadlock)
Operating SystemPOSIX 同步機制 (POSIX Synchronization)
Operating System核心層同步機制 (Synchronization within the Kernel)
Operating System同步的經典問題 (Classic Problems of Synchronization)
Operating SystemLiveness 與同步化工具的評估 (Liveness and Evaluation)
Operating SystemMonitors（監視器）
Operating SystemMutex Locks 與 Semaphores
Operating System硬體同步支援：記憶體屏障、原子指令與原子變數
Operating System背景、臨界區問題與 Peterson's Solution
Operating System死結迴避 (Deadlock Avoidance)
Operating System死結的特徵條件 (Deadlock Characterization)
Operating System死結處理方法與死結預防 (Methods for Handling Deadlocks and Deadlock Prevention)
Operating System排程演算法的評估 (Algorithm Evaluation)
Operating System作業系統範例 (Operating-System Examples)
Operating System即時 CPU 排程 (Real-Time CPU Scheduling)
Operating System系統模型與多執行緒中的死結 (System Model and Deadlock in Multithreaded Applications)
Operating System作業系統實例：Windows 與 Linux 的執行緒實作 (Operating-System Examples)
Operating System執行緒函式庫：Pthreads、Windows、Java (Thread Libraries)
Operating System多執行緒程式設計的議題 (Threading Issues)
Operating SystemCPU 排程基本概念 (Basic Concepts)
Operating System多處理器排程 (Multi-Processor Scheduling)
Operating SystemCPU 排程演算法 (Scheduling Algorithms)
Operating SystemCPU 排程評估標準 (Scheduling Criteria)
Operating System執行緒排程 (Thread Scheduling)
Operating SystemClient-Server 系統的通訊機制 (Communication in Client-Server Systems)
Operating System執行緒概觀、多核程式設計與多執行緒模型 (Threads Overview, Multicore Programming & Multithreading Models)
Operating SystemIPC 的具體實作 (Examples of IPC Systems)
Operating System行程間通訊 (Interprocess Communication)
Operating System訊息傳遞 IPC (IPC in Message-Passing Systems)
Operating System行程的操作 (Operations on Processes)
Operating System進程概念 (Process Concept)
Operating System作業系統的建置與開機程序 (Building and Booting an Operating System)
Operating System作業系統除錯 (Operating-System Debugging)
Operating System作業系統的設計與實作 (OS Design and Implementation)
Operating System作業系統結構設計 (OS Structure)
Operating System系統程式、連結器與載入器 (System Programs, Linkers, and Loaders)
Operating System隱含式執行緒：Thread Pool、Fork-Join、OpenMP、GCD、TBB (Implicit Threading)
Operating System作業系統服務與使用者介面 (OS Services and User Interface)
Operating System運算環境 (Computing Environments)
Operating SystemKernel 資料結構 (Kernel Data Structures)
Operating System安全、虛擬化與分散式系統 (Security, Virtualization, and Distributed Systems)
Operating System進程排程 (Process Scheduling)
Operating System系統呼叫 (System Calls)
Operating System電腦系統的架構 (Computer-System Architecture)
Operating System電腦系統的組織架構 (Computer-System Organization)
Operating System作業系統的基本運作 (Operating-System Operations)
Operating System資源管理 (Resource Management)
Operating System作業系統的角色與定義 (What Operating Systems Do)
Operating System圖解 IP Address：從定址原理到路由機制
Networks圖解 OSI 七層網路參考模型
Networks常用 Docker 指令：docker compose
Docker常用 Docker 指令：docker image
Docker常用 Docker 指令：docker volume
Docker圖解 HTTPS / TLS 原理：從密碼學機制到安全交握流程
NetworksNVM 常用指令筆記
node-env矩陣對角化 (Diagonalization of Matrices)
Linear Algebranpm 套件的版本符號規則
npm特徵多項式 (The Characteristic Polynomial)
Linear Algebra特徵值與特徵向量 (Eigenvalues and Eigenvectors)
Linear AlgebraNestJS Configuration 完整指南：從 .env 到進階配置管理
NestJS
2025
座標系統 (Coordinate Systems)
Linear Algebra線性算子的矩陣表示法 (Matrix Representations of Linear Operators)
Linear Algebra基底與維度 (Basis and Dimension)
Linear Algebra與矩陣相關之子空間的維度 (The Dimension of Subspaces Associated with a Matrix)
Linear Algebra子空間 (Subspaces)
Linear AlgebraNestJS Logging 完整指南：從內建 Logger 到 Winston 整合
NestJS行列式的性質 (Properties of Determinants)
Linear Algebra餘因子展開 (Cofactor Expansion)
Linear Algebra線性變換的組成與可逆性 (Composition and Invertibility)
Linear Algebra可逆性與基本矩陣 (Invertibility and Elementary Matrices)
Linear Algebra線性變換與矩陣 (Linear Transformations and Matrices)
Linear Algebra矩陣乘法 (Matrix Multiplication)
Linear Algebra矩陣的反矩陣 (The Inverse of a Matrix)
Linear AlgebraResizeObserver API
WebAPI高斯消去法 (Gaussian Elimination)
Linear Algebra線性組合 & 向量乘積 & 特殊矩陣 (Linear Combinations, Matrix–Vector Products, and Special Matrices)
Linear Algebra線性相關與線性獨立 (Linear Dependence and Linear Independence)
Linear Algebra矩陣與向量 (Matrices and Vectors)
Linear Algebra向量的生成空間 (The Span of a Set of Vectors)
Linear Algebra線性方程組 (Systems of Linear Equations)
Linear Algebra深入理解 useImperativeHandle
ReactHookExcelJS：Excel 檔案處理完整指南
npm packages深入理解 useEffect
ReactZod v4 使用指南：資料驗證核心功能
npm packages深入理解 TypeScript Decorator 裝飾器
TypeScriptCSS 滾輪元素邊界關係 Scroll Boundaries
CSSGit Subtree：多專案整合的實用技巧
開發工具Gittype 和 interface 誰才是最佳選擇？
TypeScript全面理解 React Functional Component 生命週期：從掛載到卸載的運作原理與內部機制
ReactDesign Pattern: 工廠方法模式(Factory Method Pattern)
Design PatternsDesign Pattern: 簡單工廠模式(Simple Factory Pattern)
Design Patterns
2024
暫停一下再出發！全面解析 JavaScript Generator 實用技巧
Javascript深入理解 URL：結構、功能與開發注意事項
Web一次搞懂 JavaScript 的 this：簡單實用的指南
JavascriptJavaScript 空值：undefined 與 null 完整解析
JavascriptMUI 主題 (Theme) 完整指南：從基礎到進階
UI LibraryReact一次搞懂 JS 的二進位資料處理：Blob、File、FileReader、ArrayBuffer 到 Buffer 全解析
JavascriptConventional Commits 的實踐指南：寫出乾淨的提交訊息
開發工具GitReact 事件處理與事件傳遞：一篇搞懂冒泡、捕獲與阻止事件！
ReactonClick 還是 handleClick？淺談 React 事件處理的命名慣例
ReactCSS 盒模型 Box Model
CSSCSS 網格佈局 Grid
CSS常用 Docker 指令：docker container
DockerCSS 彈性盒子 Flexbox
CSS如何在 Docker 中實現本地檔案掛載：Bind Mount 完整指南
Docker常用 Docker 指令：docker build
DockerSQL 與 MongoDB 指令與術語對照關係
MongoDB使用 Multi-stage Build 高效建構輕量化 Docker 映像
DockerJWT 全面指南：從結構、工作原理到優缺點的完整解析
Web深入解析 Yarn Workspaces：高效管理 monorepo 的必備技能
yarnDocusaurus Docs 簡易筆記：組織文件時你該注意的重要事項
Docusaurus一次學會瀏覽器常見的三種資料儲存方式 Cookie vs. SessionStorage vs. LocalStorage
WebAPI淺談 XSS (Cross-Site Scripting) 攻擊
Webdocusaurus.config.ts 配置解說
DocusaurusVite 環境變數 (Env Variables) 與模式 (Modes)
Vite依賴注入新手指南：白話解釋依賴注入、控制反轉與依賴反轉原則背後的核心思想
Design PatternsTanStack Query V5 - useQuery API 解析
ReactJS 日期與時間重點整理
JavascriptJS 中常用的編碼(Encode)與解碼(Decode)
Javascript專業協作開發：使用 Commitlint 規範你的提交訊息
npm packages解析 pnpm 的依賴管理機制
pnpmChangesets - 為 monorepo 而生的版本管理工具
npm packagesLinux 常用指令大全 - 文件內容操作
LinuxLinux 常用指令大全 - 文件與目錄操作
LinuxTypeScript 編譯配置 tsconfig.json compilerOptions 全解析
TypeScript不小心 git commit 到太大的檔案，推不上遠端該怎麼辦？
開發工具Git只看一次絕對學不會的 JavaScript 原型指南(二)：建構函式與 prototype 屬性
JavascriptMermaid - 類別圖(Class Diagram)
開發工具Mermaid只看一次絕對學不會的 JavaScript 原型指南(一)：初探原型、原型繼承與原型鏈
Javascript認識 Docusaurus3
DocusaurusGit Cherry-pick 實戰：最佳實踐與應用場景
開發工具GitC++ upper_bound, lower_bound(STL) 用法與範例
Programming LanguageC++STLC++ map(STL) 用法與範例
Programming LanguageC++STL掌握 TypeScript 實用型別工具 Utility Types
TypeScriptUnion(聯合型別) 與 Intersection(交叉型別)
TypeScript淺談 __esModule 屬性在 JavaScript 模組系統中的作用
JavascriptC++ priority_queue(STL) 用法與範例
Programming LanguageC++STLGit 進階技巧：使用 git rebase -i 互動模式重塑 commit 記錄
開發工具Git瀏覽器中的 JavaScript： BOM vs. DOM
WebAPIC++ deque(STL) 用法與範例
Programming LanguageC++STLC++ queue(STL) 用法與範例
Programming LanguageC++STLC++ unordered_map(STL) 用法與範例
Programming LanguageC++STLC++ unordered_set(STL) 用法與範例
Programming LanguageC++STLC++ stack(STL) 用法與範例
Programming LanguageC++STLC++ vector(STL) 用法與範例
Programming LanguageC++STLMermaid - 狀態圖(State Diagram)
開發工具MermaidMermaid - 時序圖(Sequence Diagram)
開發工具Mermaid走進 STL：快速導覽 C++ 標準模板庫的核心要素
Programming LanguageC++STL不可不知的網路基石： 同源政策（SOP）與跨來源資源共享（CORS）
Web使用 Issues, PR 模板組織專案工作流
開發工具GitGitHub
2023
如何有效率地管理 React 局部狀態？ 這次我選擇了 Zustand!
ReactGit Worktree：有效管理多個分支和工作目錄的秘訣
開發工具GitMac 用戶的 VSCode 常用快捷鍵 CheatSheet
開發工具VSCode同一台電腦設定不同 SSH keys 連線多個 Github/GitLab 帳號
開發工具GitSSHDocusaurus Markdown Features 備忘錄
DocusaurusVite + React 專案在 Docker 容器中的外部訪問配置
Vite在 Vite + TypeScript 專案中設定路徑別名(path alias)
ViteJavaScript Array 常用操作大補帖
Javascript常用 npm & yarn 指令對照表
npmyarnGit 操作大集合：常用指令 CheatSheet 總整理
開發工具GitiTerm2 技巧大公開：提高效率的快捷鍵
開發工具Terminal理解 JavaScript 的 Event Loop 機制: 並行處理(Concurrency)的秘密
Javascript箭頭函數(Arrow Function)
Javascript全面了解 Javascript 閉包(Closure)
Javascript一次搞懂如何使用 Promise 實現非同步操作
JavascriptJavascript 的作用域(Scope)
JavascriptES6
JavascriptModules - ECMAScript(import, export) & CommonJS(require, module.exports)
JavascriptAlgolia DocSearch
DocusaurusCSS 選擇器 Cheat Sheet
CSSPages
DocusaurusBosh 的技術筆記
SEO
DocusaurusSEO： Google Search Console 設定
Hexo更換 NexT 主題： Butterfly 主題客製化設定
HexoButterfly 主題： 內文客製化配置
Hexo客製化 NexT 主題：添加側邊欄 Tag Cloud / Mermaid 圖表
Hexo
2022
註冊個人網域域名(with Godaddy)與Github Page 設定
HexoCH14 Inheritance and Polymorphism
Programming LanguageC++CH13 Strings, File IO and Header Files
Programming LanguageC++CH15 Templates, Vector and Exception
Programming LanguageC++CH12 Operator Overloading
Programming LanguageC++CH11 Class
Programming LanguageC++CH10 Self-defined Data Type
Programming LanguageC++CH7 Complexity and Graphs
Programming LanguageC++CH9 CStrings
Programming LanguageC++CH3 Digital Systems
Programming LanguageC++CH8 Pointers
Programming LanguageC++CH6 Algorithms and Recursion
Programming LanguageC++CH5 Functions
Programming LanguageC++Ch1 Introduction
Programming LanguageC++CH2 Selection and Repetition
Programming LanguageC++CH4 Variables and Arrays
Programming LanguageC++第一階段結尾: 從管理到發布，如何規劃與管理一篇文章？
Hexo客製化 NexT 主題：github 圖標 / Dark mode / Canvas Ribbon背景
Hexo以 Git & Github 管理 hexo 專案
Hexo新增標籤頁面與分類頁面
HexoGithub Page 部署
HexoGoogle Analytics 分析部落格文章流量
Hexo客製化 NexT 主題：統計訪客人數與閱讀次數
Hexo客製化 NexT 主題：網站運行時間、文章長度、閱讀時間與搜尋功能
HexoHexo 基本設定
HexoHexo NexT 佈景主題基本設置
Hexo編輯部落格文章
Hexo建立 Hexo 部落格模板
Hexo