Grokking Simplicity FP CH15

[tony140407]

筆記章節
Ch15 - 解析時間線
筆記資訊
日期：2025/07/10 @Tech-Book-Community
導讀人：Lulu
筆記工：Blue
Slider Here
https://www.canva.com/design/DAGsL7VaIbE/_pJpQgfuO0rKNS8e-hhplw/edit

Q&A

Q1. 什麼是「時間線」？
A: 時間線(timeline)由時間軸上一系列 Actions 組成，一個系統可能有多條時間線在執行

Q2. 什麼是「時間線圖」？
A: 時間線圖(timeline diagram)則是包含一或多條時間線的圖解，可看出各 Actions 之間如何相互影響

Q3. 為什麼非同步程式容易出錯？
A: 因為動作發生的順序不可預期，可能導致狀態錯亂、資料競爭、race condition 等問題

Q5. 如何減少競爭問題
A: 減少共享資源、降低時間線數量、避免兩個線同時寫入相同 DOM 或變數

Q6. 平行式 Actions / 序列式 Actions 請說明
A:

• 序列式 Actions：依序畫在同一條時間線
• 平行式 Actions：畫在不同條時間線上 ，有不同潛在順序

Q7. 繪製時間線圖三步驟

• 辨識 Actions
• 將 Actions 畫在時間線上
• 簡化時間線圖

Q8. 改善時間線原則

• 減少時間線數量
• 減少時間線上步驟數量
• 減少共享資源
• 協調有共享資源的時間線
• 更改程式的時間模型

Q9. 適用 JavaScript 時間線簡化步驟

• 單執行緒，合併同時間線上 Actions
• 若某時間線在末端產生單一條新時間線，將兩者合併

---

討論:

sam:
好奇python何時會遇到執行多執行序的問題?

會議翻譯 (語音轉中文，中轉英)時會把部分放在 web worker 處理

分享前端效能(搭配web worker) https://blog.miniasp.com/post/2023/01/27/Partytown-Run-Third-Party-Scripts-From-Web-Worker

地圖(搭配web worker)
https://deck.gl/docs/developer-guide/loading-data#loaders-and-web-workers

node 新功能多執行緒
https://nodesource.com/blog/worker-threads-nodejs-multithreading-in-javascript
https://vocus.cc/article/5f315081fd89780001a94c5b

spencer提到
後端多緒會分處理CPU-bound,io-bound的問題

---

好書分享

https://www.tenlong.com.tw/products/9786267757048

https://www.tenlong.com.tw/products/9786263243835

---

astro

https://github.com/saicaca/fuwari
https://www.relume.io/