iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

現代函式庫與JavaScript的關係 系列

面試題延伸

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 | 先假裝成功 — 樂觀更新買到的是 100 毫秒,不是「快十倍」

三個提問 昨天說樂觀更新能讓介面「感覺快十倍」,到底快在哪裡?我按下按鈕之後省掉的是什麼? 「失敗再回滾」聽起來很簡單,為什麼大家都說它最容易寫錯? Reac...

2026-09-22 ‧ 由 iclaude 分享
DAY 22

Day 22 | 框架與 API 交互—React / Vue / Angular 呼叫 Gemini 的寫法差異與效能

現代框架(React、Vue、Angular)在呼叫外部 API(如 Google Gemini)時,雖然底層都是發送 HTTP 請求,但由於各框架的響應式系統...

2026-09-23 ‧ 由 iclaude 分享
DAY 23

Day 23 | 攔截、收集、觸發 —— React 為什麼三個零件一個都不做

今天要回答的三個問題 Day 22 說「Vue 精確追蹤修改,只更新相關 DOM 節點」,React 則是「整個組件樹重新執行函式」。這兩句話背後到底差在哪個...

2026-09-24 ‧ 由 iclaude 分享
DAY 24

Day 24 | setState 只有 12 行 —— 打開 React 原始碼,讀懂那個 `.call` 在防誰

今天要回答的四個問題 Day 23 說 React「攔截、收集、觸發三個零件一個都不做」,那它到底做了什麼?setState 那幾行實際上在幹嘛? 為什麼 R...

2026-09-25 ‧ 由 iclaude 分享
DAY 25

Day 25 | queryKey 與快取失效 —— 統計卡片為什麼不更新

今天要回答的四個問題 queryKey 為什麼重要? 從「把回應結果藏在記憶體」跳到「記住那個回應是誰問出來的」時,什麼改變了? 為什麼改了搜尋參數,卡片...

2026-09-26 ‧ 由 iclaude 分享
DAY 26

Day 26 | 快取回來以後,React 到底要不要重繪 —— 從 `replaceEqualDeep` 讀到 `useMemo` 該不該加

今天要回答的四個問題 Day 25 說 queryKey 是快取的鑰匙,但我當時沒讀原始碼。它到底是怎麼比較兩把 key 的? 後端回來一份「內容完全一樣」...

2026-09-27 ‧ 由 iclaude 分享
DAY 27

Day 27 | key 不是效能設定,是身分證 —— 讀 reconcileChildrenArray 那兩段迴圈

今天要回答的四個問題 資料真的變了以後,React 怎麼決定哪幾個 DOM 節點該動? 「列表的 key 不要用陣列索引」這句話大家都聽過,但用了會怎樣?是變...

2026-09-28 ‧ 由 iclaude 分享
DAY 28

Day 28 | props 就是參數 —— 從規格書的 `?Yield` 追到 rdi,再追回 Fiber 的 `return`

今天要回答的五個問題 規格書裡的 FormalParameter[Yield, Await] : BindingElement[?Yield, ?Await...

2026-09-29 ‧ 由 iclaude 分享
DAY 29

Day 29 | 本機正常、上線就炸 —— 建置時與執行時是兩個不同的時間點

今天要回答的五個問題 我在 Zeabur 面板改了環境變數,按 Restart,網站還是舊的值。清了瀏覽器快取也沒用,為什麼? 「LINE Pay 的環境...

2026-09-30 ‧ 由 iclaude 分享
DAY 30

Day 30 | 30 天的地圖 —— 五條線,一個共同的根

這篇要給你的四樣東西 一張按「線」排的地圖,不是按日期排的目錄。為什麼不按日期,第一節會說 一個 20 分鐘的講述順序,被問到「你這 30 天學到什麼」...

2026-10-01 ‧ 由 iclaude 分享