iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

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

面試題延伸

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

Day 11 | 從記憶體與渲染哲學看 useRef:React、Vue 3 與 Angular 的 DOM 操作與狀態持久化比較

在前端框架的開發中,「操作真實 DOM 節點」以及「在組件生命週期中保存資料」是兩個常見的需求。在 React 中,我們第一個想到的工具通常是 useRef。...

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

Day 12 | 響應式與不可變的碰撞:從狀態機制看 useState(React vs Vue 3 vs Angular)

在現代前端開發中,「狀態(State)」是驅動 UI 變更的核心。當狀態改變時,框架如何得知?又是如何決定哪一部份的 DOM 需要更新? React 的 use...

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

Day 13 | 副作用與生命週期的終極對決:useEffect(React vs Vue 3 vs Angular)

評比:誰比較厲害? 簡單來說:技術上各有千秋,沒有絕對的勝負,但「演進方向」正逐漸趨同。 Vue 3 (Proxy 響應式):【開發直覺度勝】 憑藉自動...

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

Day 14 | 搞懂 JSON 組合拳與 TypeScript:主流三大框架(React / Vue / Angular)型別實踐與異同

在前端開發中,JSON.parse(JSON.stringify(obj)) 常被用來實現簡單的深拷貝。然而,這套「組合拳」在 TypeScript 環境下究竟...

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

Day 15 | 登入後 Dashboard 竟然要 5.24 秒?從預渲染 Bailout 到 682KB CSS 的 Next.js App Router 效能除錯實錄

在前端開發中,當使用者登入系統並導向主控台 (Dashboard) 時,第一眼看到的畫面決定了產品的體驗品質。然而,在一次例行效能檢視中,我們發現 Next.j...

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

Day 16 | useMemo在React、Vue、Angular中的實現與効能最佳化

useMemo現在還熱門嗎? 它是什麼用途? 在Vue跟Angular他各是怎麼被實現的? 一、useMemo的熱門程度與使用現狀(2025-2026年)...

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

Day 17 | XSS、CSRF、權限控管、稽核紀錄搭配前端框架是否有減輕負擔

先給結論:這四件事的「框架相關性」差很多,前兩個有差,後兩個基本沒差。 項目 框架有沒有差 原因 XSS(Cross-Site Scripting...

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

Day 18:實戰 150+ commits 的三大編譯陷阱 — TypeScript 編譯錯誤、環境變數管理、React 記憶體洩漏

三個提問 為什麼 TypeScript 編譯會莫名其妙失敗? 環境變數改一個 port,為什麼前端有 100 個地方都要改? React 應用為什麼會越跑越慢...

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

Day 19 | 別被無限循環 hooks 牽著走 — 從 dependency array 到 zustand 狀態管理

三個提問 為什麼 useEffect 一直重複執行?我明明寫對依賴陣列了啊 在 React 應用裡傳資料為什麼這麼困難?Prop drilling 地獄什麼時...

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

Day 20 | API 呼叫永遠在賽跑 — React Query/TanStack Query 怎麼管理遠端資料狀態

三個提問 什麼叫「API 呼叫永遠在賽跑」?我怎麼從來沒遇到過? 為什麼說「遠端資料狀態 ≠ 應用狀態」?不都是 state 嗎? React Query 到...

2026-09-21 ‧ 由 iclaude 分享