彩色問答展示

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Arial';
  background-color: #f4f4f4;
}
header {
  background-color: #333;
  color: #fff;
}
        

技巧：
- 漸層背景
- 陰影 (box-shadow)
- 圓角 (border-radius)
- Flex / Grid 排版
        

導航列：深色背景、hover 效果
Hero 區：大標文字、漸層
卡片：陰影 + 圓角
        

使用 Media Query：
@media(max-width: 600px){
  .container { padding: 10px; }
}
        

hero.addEventListener('click', () => {
  alert("你按了 Hero 區域");
});
        

  
標題
  
內容

        

table {
  border-collapse: collapse;
}
tr:nth-child(even){
  background: #eee;
}
        

  

    
學生資料
  

        

Node.js 平行運算方式：

1. 非同步 I/O（事件迴圈 Event Loop）
   → 適合等待 I/O 的任務

2. Worker Threads（多執行緒）
   → 適合 CPU 密集工作

3. Cluster（多核心執行）
   → 一台主機開多個 Node 進程

4. SharedArrayBuffer + Atomics
   → 共享記憶體，不必複製大量資料

5. Web Worker（前端） + Node Worker（後端）
   → 前端 + 後端 同時平行加速

簡表：


  
模式
描述
  
Event Loop
非阻塞 I/O
  
Worker Threads
CPU 密集任務
  
Cluster
多核心分散負載
  
SharedArrayBuffer
共享記憶體，加速資料交換