肝 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 Hook 中的 useRef,詳細比較了它與 useState 的差異,並說明瞭 useRef 如何用於保存跨渲染狀態、操作 DOM 節點以及存取上次渲染的狀態。文末並總結了 useRef 的常見用法及注意事項,提供實際範例與建議。
Thumbnail
本文將深入探討 React 的 useEffect Hook,從其基本定義、常見用法,到開發者常踩的陷阱。此外,文章也將介紹新的 useEffectEvent Hook,以及提供避免 useEffect 陷阱的實用技巧。
Thumbnail
本文探討 React 中 `useState()` Hook 的核心功能,解析狀態的定義、React Hooks 的使用規範,並透過計數器元件的實例,詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數,以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
Thumbnail
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
Thumbnail
本文深入探討 React Hook 中的 useRef,詳細比較了它與 useState 的差異,並說明瞭 useRef 如何用於保存跨渲染狀態、操作 DOM 節點以及存取上次渲染的狀態。文末並總結了 useRef 的常見用法及注意事項,提供實際範例與建議。
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),一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術,並探討其基本用法。
Thumbnail
本文將帶你從靜態 HTML 開始,透過 CDN 的方式一步步將原生 JavaScript 改寫成 Vue.js 應用。學習如何使用 createApp、mount 及 ref 等核心 API,定義動態資料。非常適合初學者快速上手 Vue.js,為後續專案開發打下基礎。
Thumbnail
本篇文章將探討 Vue.js 的核心特色,包括宣告式渲染、響應式系統與漸進式框架設計。同時,比較 Vue.js 與 React 的異同,並詳解單一檔案元件 (SFC) 的結構以及 Options API 和 Composition API 兩種 API 風格的應用。
Thumbnail
本文將帶你從靜態 HTML 開始,透過 CDN 的方式一步步將原生 JavaScript 改寫成 Vue.js 應用。學習如何使用 createApp、mount 及 ref 等核心 API,定義動態資料。非常適合初學者快速上手 Vue.js,為後續專案開發打下基礎。
Thumbnail
本篇文章將探討 Vue.js 的核心特色,包括宣告式渲染、響應式系統與漸進式框架設計。同時,比較 Vue.js 與 React 的異同,並詳解單一檔案元件 (SFC) 的結構以及 Options API 和 Composition API 兩種 API 風格的應用。