這次鐵人賽的主題,我將以 Vue.js 為核心進行探索與紀錄。由於我本身對 Vue.js 還不算熟悉,因此會以「新手學習」的角度出發,透過實作與紀錄的方式逐步了解這個前端框架。預計會從最基礎的環境建置、語法特性開始,延伸到元件化思維、資料綁定、路由設計與狀態管理等核心概念,並搭配簡單的小專案實踐。希望能透過這 30 天的挑戰,讓自己快速熟悉 Vue.js 的開發流程與應用場景,同時也提供給其他剛入門的開發者參考。雖然一開始可能會遇到不少挫折,但也正是透過紀錄學習過程與心得,才能累積成長,並讓「學習 Vue.js」成為一段有意義的挑戰旅程。
今天要學什麼?1.多個元件取用同一個 store→ 例如星艦的「燃料」狀態,在駕駛艙顯示剩餘量,在維修艙也能操作加油。 2.修改資料的影響是同步的→ 任何一個元...
Axios 是什麼? 一個 JavaScript 函式庫,專門用來發送 HTTP 請求(像 GET、POST)到伺服器,並接收回應。可以用在 Vue、React...
我們今天localStorage主要就是學會 「如何讓使用者的資料,不會因為重整或關掉瀏覽器就消失」! 學習概念 1.認識 localStorage 瀏覽器內...
我們今天要學習的是 Vue 內建的 <transition> 元件,它能讓你的元素或元件在進入(enter)與離開(leave)時,加上漂亮的動畫效...
什麼是 UI 元件庫? UI 元件庫(UI Library)就是一整套「已經幫你設計好又可客製的前端元件集合」,讓你不用每次都自己寫按鈕、輸入框、彈窗。想像成:...
最後的五天我們要執行Final Mission — 5 日實作計畫,設計一個Galactic Explorer!把前面 25 天學的所有技能都串起來了~! 而今...