肝 code 人生
肝 code 人生

肝 code 人生

首頁內容關於
肝 code 人生
肝 code 人生

肝 code 人生

Thumbnail
本文介紹 JWT 的運作機制,以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定,以及 token 失效後的處理流程,確保應用程式的安全性及良好的使用者體驗。
Thumbnail
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異,並以 React 中 JSX 的應用為例,說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解,並提供相關參考資料連結。
Thumbnail
本文介紹 JWT 的運作機制,以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定,以及 token 失效後的處理流程,確保應用程式的安全性及良好的使用者體驗。
Thumbnail
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異,並以 React 中 JSX 的應用為例,說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解,並提供相關參考資料連結。
Thumbnail
本文將深入探討 React 的 useEffect Hook,從其基本定義、常見用法,到開發者常踩的陷阱。此外,文章也將介紹新的 useEffectEvent Hook,以及提供避免 useEffect 陷阱的實用技巧。
Thumbnail
本文探討 React 中 `useState()` Hook 的核心功能,解析狀態的定義、React Hooks 的使用規範,並透過計數器元件的實例,詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數,以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
Thumbnail
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
Thumbnail
本文將深入探討 React 的 useEffect Hook,從其基本定義、常見用法,到開發者常踩的陷阱。此外,文章也將介紹新的 useEffectEvent Hook,以及提供避免 useEffect 陷阱的實用技巧。
Thumbnail
本文探討 React 中 `useState()` Hook 的核心功能,解析狀態的定義、React Hooks 的使用規範,並透過計數器元件的實例,詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數,以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
Thumbnail
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
Thumbnail
傳統響應式設計多半依賴媒體查詢(media query)根據視窗寬度調整,但對於元件在不同情境下的佈局,常會產生不符預期的結果。本文介紹 CSS 容器查詢(container query),一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術,並探討其基本用法。
Thumbnail
傳統響應式設計多半依賴媒體查詢(media query)根據視窗寬度調整,但對於元件在不同情境下的佈局,常會產生不符預期的結果。本文介紹 CSS 容器查詢(container query),一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術,並探討其基本用法。