iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

JS 核心重構:勇者轉職傳說 系列

《JS 核心重構:勇者轉職傳說》 是一套專為前端初學者與轉職者設計的 30 天 JavaScript 核心修煉指南。

本系列結合 RPG 冒險世界觀 與 Excalidraw 視覺化圖解,秉持「去術語化、先畫面後邏輯」的心法,帶領讀者看透 JS 底層真相,內容精準涵蓋:變數作用域、記憶體傳址、閉包、this 判定、Event Loop、異步處理至資料驅動架構。

我們打造了「每日任務書 ➔ CodePen 手寫演武 ➔ QuestBoard 酒館交流」的黃金學習閉環,在不死背框架的前提下,提前植入不可變性與關注點分離等高手思維,協助學習者建立紮實的底層直覺。

參賽天數 22 天 | 共 22 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 10:原理篇 —— 【圖解】this 到底是誰?變色龍盔甲的指向判定法

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-11 ‧ 由 Liwen 分享
DAY 12

Day 11:原理篇 —— 類別 Class:幫你的程式碼穿上「制服」

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-12 ‧ 由 Liwen 分享
DAY 13

Day 12:原理篇 —— 【邏輯開關】&&、|| 與 ?? 的短路判斷:老手最愛用的簡潔語法

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-13 ‧ 由 Liwen 分享
DAY 14

Day 13:原理篇 —— DOM 樹大探險:如何精準抓取網頁裡的元素?

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-14 ‧ 由 Liwen 分享
DAY 15

Day 14:原理篇 —— 事件監聽:當使用者點下去後,瀏覽器發生了什麼?

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-15 ‧ 由 Liwen 分享
DAY 16

Day 15:原理篇 —— 【圖解】事件委派:一人領信,全家收件

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-16 ‧ 由 Liwen 分享
DAY 17

Day 16:瀏覽器小帳本:幫使用者存下他的個人設定(LocalStorage)

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-17 ‧ 由 Liwen 分享
DAY 18

Day 17:時間管理大師:Timeout 與 Interval 的實作應用

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-18 ‧ 由 Liwen 分享
DAY 19

Day 18:【期中實戰】純 JS 打造你的第一個「任務佈告欄」

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-19 ‧ 由 Liwen 分享
DAY 20

Day 19:【圖解】為什麼程式不乖乖排隊?JS 腦袋裡的 Event Loop

本文同步分享於個人部落格:Liwen Chiou | Digital Architect & Full-Stack Engineer 📜 這裡的修...

2026-08-20 ‧ 由 Liwen 分享