# 計算機系統全景：從開機到訪問網站
::: tip 前言
你有沒有想過，當你按下電腦電源鍵，到最終在瀏覽器中看到網頁，這中間到底發生了什麼？
這個過程就像一場**接力賽**——硬體通電後喚醒韌體，韌體檢查完畢後交棒給作業系統，作業系統準備好環境後才能執行瀏覽器，瀏覽器再透過網路去遠方的伺服器取回網頁。每一個環節都**依賴上一個環節的成功完成**。
:::
**你會學到什麼？**
1. **硬體啟動**（第 1 節）→ 電流如何喚醒 CPU
2. **韌體自我測試**（第 2 節）→ BIOS/UEFI 如何確認硬體正常
3. **作業系統啟動**（第 3 節）→ 核心如何載入、桌面如何出現
4. **瀏覽器啟動**（第 4 節）→ 應用程式如何被作業系統啟動
5. **網路請求**（第 5 節）→ 從輸入 URL 到頁面渲染的完整網路之旅
---
## 1. 按下電源：硬體的覺醒
### 1.1 電源啟動
當你按下電源鍵，**電源供應器（PSU）** 開始工作，把交流電（220V）轉換成直流電（12V、5V、3.3V 等），為各個硬體部件供電。
### 1.2 主機板晶片組喚醒
電源穩定後，**主機板晶片組**開始工作，它就像電腦的「總調度員」。
### 1.3 CPU 重置
CPU 接收到重置訊號後，把內部所有暫存器和快取清零，從一個預設的位址開始執行指令。這個位址通常指向 **BIOS/UEFI** 晶片。
---
> **接力第一棒完成** 硬體層面的工作已經完成：電源把交流電轉成了穩定的直流電，主機板晶片組被喚醒並開始協調各部件，CPU 也完成了重置。
## 2. BIOS/UEFI：硬體的自我測試
---
> **接力第二棒完成** BIOS/UEFI 完成了它的三項使命：透過 POST 自我測試確認硬體全部正常；初始化各硬體的工作模式；按照啟動順序找到了硬碟上的啟動磁區。
## 3. 作業系統啟動：從核心到桌面
---
> **接力第三棒完成** 作業系統已經完全啟動，桌面呈現在你眼前。
## 4. 打開瀏覽器：應用程式的啟動
### 4.1 應用程式的啟動過程
當你雙擊瀏覽器圖示時，作業系統會：
1. **尋找可執行檔案**：根據檔案關聯，找到瀏覽器的可執行檔
2. **建立程序**：為瀏覽器建立一個新的**程序**
3. **載入程式**：把瀏覽器的程式碼從硬碟載入到記憶體
4. **初始化**：啟動瀏覽器的主執行緒、渲染引擎、網路引擎等
### 4.2 瀏覽器的主要組成部分
| 模組 | 功能 |
|-----|------|
| **使用者介面** | 網址列、分頁、書籤等 |
| **瀏覽器引擎** | 協調 UI 和渲染引擎 |
| **渲染引擎** | 解析 HTML/CSS，顯示網頁 |
| **JavaScript 引擎** | 執行 JavaScript 程式碼 |
| **網路模組** | 傳送 HTTP 請求 |
| **資料儲存** | Cookie、LocalStorage 等 |
---
## 5. 訪問 URL：網路請求的全過程
### 5.1 URL 概述
**URL（Uniform Resource Locator）** 是資源的位址。
### 5.2 訪問 URL 的完整過程
#### URL 解析流程
#### DNS 解析流程
電腦透過網路訪問伺服器，但網路用的是 **IP 位址**，而不是網域名稱。所以需要把網域名稱轉換成 IP 位址。
#### TCP 連線建立流程
TCP 三次交握：
| 客戶端 → 伺服器 | 訊息 |
|----------------|------|
| → | SYN（同步請求） |
| ← | SYN-ACK（確認並同步） |
| → | ACK（確認） |
#### HTTP 請求傳送流程
常見的 HTTP 方法：
| 方法 | 含義 | 用途 |
|-----|------|-----|
| **GET** | 獲取資源 | 瀏覽網頁 |
| **POST** | 提交資料 | 登入、提交表單 |
| **PUT** | 上傳資源 | 檔案上傳 |
| **DELETE** | 刪除資源 | 刪除資料 |
#### 伺服器請求處理流程
#### HTTP 回應返回流程
常見的狀態碼：
| 狀態碼 | 含義 |
|-------|------|
| **200** | 成功 |
| **301/302** | 重新導向 |
| **404** | 資源未找到 |
| **500** | 伺服器錯誤 |
#### 瀏覽器渲染流程
1. **解析 HTML**：建構 DOM 樹
2. **解析 CSS**：計算樣式，建構渲染樹
3. **執行 JavaScript**：執行頁面中的 JS 程式碼
4. **繪製頁面**：把內容顯示到螢幕上
---
## 6. 完整流程回顧
```
從按下電源到訪問網站的完整流程：
┌──────────────────────────────────────────────────────────────────┐
│ 1. 按下電源 │
│ └── 電源啟動 → 主機板喚醒 → CPU 重置 → 執行 BIOS/UEFI │
├──────────────────────────────────────────────────────────────────┤
│ 2. BIOS/UEFI 啟動 │
│ └── 硬體自我測試 → 尋找啟動裝置 → 讀取開機載入程式 │
├──────────────────────────────────────────────────────────────────┤
│ 3. 作業系統啟動 │
│ └── 開機載入程式 → 載入核心 → 啟動服務 → 顯示桌面 │
├──────────────────────────────────────────────────────────────────┤
│ 4. 打開瀏覽器 │
│ └── 雙擊圖示 → 建立程序 → 載入程式 → 顯示視窗 │
├──────────────────────────────────────────────────────────────────┤
│ 5. 訪問 URL │
│ └── URL 解析 → DNS 解析 → TCP 連線 → HTTP 請求 │
│ → 伺服器處理 → HTTP 回應 → 瀏覽器渲染 → 顯示網頁 │
└──────────────────────────────────────────────────────────────────┘
```
---
## 7. 知識地圖
```
電腦系統概覽
├── 硬體基礎
│ ├── 電源供應器 (PSU)
│ ├── 主機板晶片組
│ └── CPU
├── BIOS/UEFI
│ ├── POST 自我測試
│ ├── 啟動順序
│ └── 開機載入程式
├── 作業系統
│ ├── 核心 (Kernel)
│ ├── 系統服務
│ └── 桌面環境
├── 應用程式
│ ├── 程序管理
│ └── 程式載入
└── 網路通訊
├── DNS 解析
├── TCP/IP 協定
├── HTTP 協定
└── 瀏覽器渲染
```
::: tip 繼續學習
- **數位電路基礎：從電晶體到 CPU**：了解電腦硬體基礎
- **作業系統原理：行程、記憶體與檔案系統**：深入理解作業系統
- **計算機網路：從輸入網址到渲染頁面**：深入理解網路協定
:::