iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

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

面試題延伸

參賽天數 9 天 | 共 9 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 | JavaScript 有哪些資料型別 (data types)? 如何辨別一個變數的資料型別?什麼時候又會自動轉換

JavaScript 資料型別總覽 — 原始型別與物件 這份筆記從 Abby 手寫的大綱整理而成,並補上三件原稿缺漏或寫錯的地方:a. 原始型別漏掉 BigI...

2026-09-02 ‧ 由 iclaude 分享
DAY 2

Day2《JavaScript 比較運算子全解:現代框架是如何利用 Object.is() 監測 State 變化的?》

這是一個非常有深度且實用的主題!將經典的 JavaScript 基礎比較題目(==、=== 與 Object.is()),結合「現代前端框架/函式庫(如 Rea...

2026-09-03 ‧ 由 iclaude 分享
DAY 3

Day 3 閉包活多久-從debounce的timer看Environment-Record存活時間

這篇要幹嘛 寫防抖動(debounce)練習的時候,我對自己解釋閉包時卡住了: 「count 活在閉包裡」——可是外層那個函式呼叫,不是幾微秒就執行完、離開...

2026-09-04 ‧ 由 iclaude 分享
DAY 4

Day4 一個完整的 reactive system(響應式系統)需要三個零件、React 為什麼三個零件一個都不做

這些 JS 觀念在 React 裡長成什麼樣 1. 對照表:JS 觀念 → React 行為 → 已經寫在哪個檔案 JS 觀念(來自前三篇) 在 Rea...

2026-09-05 ‧ 由 iclaude 分享
DAY 5

Day 5 | 每一次 render 都是一次函式呼叫:從 Execution Context 看懂 React 的閉包陷阱

前面我們把「閉包」跟「this」各自拆過一次。今天要處理的是把那兩件事真正串起來的那個東西:Execution Context(執行環境)。 它是 JS 引擎每...

2026-09-06 ‧ 由 iclaude 分享
DAY 6

Day 6 | debounce 為什麼一定要用 setTimeout?React 裡是靠 useRef 嗎?

0. 先修正一個前提 「debounce 是避免昂貴計算用的」 這句話只對了一半。「避免昂貴計算」是結果,不是定義。 debounce 的定義是:把一連串密...

2026-09-07 ‧ 由 iclaude 分享
DAY 7

Day 7 | HTML Parsing:瀏覽器拿到 HTTP response body 之後跟script搶用同一條線程的搭配組合

HTML Parsing:瀏覽器拿到 HTTP response body 之後 0. 四步流水線(依順序編號) 網路層 HTTP response body...

2026-09-08 ‧ 由 iclaude 分享
DAY 8

Day 8|瀏覽器拿到的只是一串純文字——從 打包到 HTML之Parsing、JS之V8如何編譯 以及script 標籤不同屬性值載入。三大框架共同的底層

【打包 buildtime】前端開發工具總覽:打包、轉譯、Lint 與 Parser 用詞約定:buildtime 說「轉譯」,runtime 才說「編譯」 b...

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

Day 9 | HOC 高階組件與渲染劫持|反向繼承,以及 Vue / Angular 的對應機制

起因是在看《前端面試寶典之 React 篇》影片,冒出「渲染劫持」這個詞,追問下去發現它其實是 HOC 的一種實作技巧,而且是已經被 React 官方淡出的舊...

2026-09-10 ‧ 由 iclaude 分享