模組四｜狀態管理（Day 15–19） 先備：Day 8（InheritedWidget 是往下傳資料的底層機制）、Day 3（我埋的那個 Theme.of(context) 伏筆，今天兌現）。...
Static Route 動態路由 (如 BGP/OSPF) 像是 Google Maps：它會自動偵測路況，路斷了會自動幫你繞路；靜態路由 (Static Route) 則是你手繪的固定地圖：你明確...
React 的 Props 是什麼？ 在上一篇的認識 JSX 中有出現這麼段程式碼： // App.tsx <TodoList todos={todos} onToggle={toggl...
想加一顆「收藏」按鈕，元件寫好、import 進頁面、貼上去、重整。按了沒反應，元件沒壞，是你還沒告訴 Astro 這一塊要在瀏覽器裡能互動。 Astro 預設把元件輸出成不帶 JavaScript...
Authentication Authorization 主要目的就是管理使用者或是使用 API 時的權限控管。 SSH 原則上和 Linux 系統上的設定相同。除非用 NVUE 語法進行設定，則可以...
嗨嗨大家好，我是一名剛轉職前端的小菜雞工程師。之前在參加前端轉職班的期間，我不知不覺在社群上收藏了不少技術分享。可能是因為過去的設計背景，我存下來的內容大多和畫面、動畫、互動有關。每次看到那些很酷的效...
.vue 檔案去哪裡了？ 在 Vue 中，一個元件通常是一個.vue檔案，並分成三個區塊： <script setup lang="ts"> const title =...
前一天我們完成了 my-refrigerator 的專案初始化、Git 整合與 GitHub Pages 部署。現在網站已經有了基本的開發環境，但如果接下來要加入「我的冰箱」、「採買清單」、「最愛食譜...
什麼是 NVUE？ NVUE (NVIDIA User Experience) 是一套宣告式（Declarative）且以物件為導向的網路管理框架，提供一致的 CLI、REST API 與資料模型。N...
模組三｜Routing（Day 11–14） 先備：Day 11（URL-first vs Stack-first 的世界觀差異）。本篇會出現 state.pathParameters['id']!...