肝 code 人生
肝 code 人生
1
會員
9
內容
加入
首頁
內容
關於
加入
肝 code 人生
1
會員
9
內容
加入
Top 5
1
[ Vue 入門 ] 01:宣告式渲染、響應式系統與 SFC
2
[ Vue 入門 ] 02 - 從原生 HTML 到 CDN 應用,打造 Vue 動態介面
3
探索 React Hook —— useRef:狀態與參考的選擇、DOM 操作,以及其他常見用法
4
React App 使用 JWT 進行驗證:Access Token 與 Refresh Token 的安全實作概念
5
探索 React Hook——useState(),掌握元件狀態管理的核心
1
[ Vue 入門 ] 01:宣告式渲染、響應式系統與 SFC
2
[ Vue 入門 ] 02 - 從原生 HTML 到 CDN 應用,打造 Vue 動態介面
3
探索 React Hook —— useRef:狀態與參考的選擇、DOM 操作,以及其他常見用法
4
React App 使用 JWT 進行驗證:Access Token 與 Refresh Token 的安全實作概念
5
探索 React Hook——useState(),掌握元件狀態管理的核心
JavaScript
React App 使用 JWT 進行驗證:Access Token 與 Refresh Token 的安全實作概念
本文介紹 JWT 的運作機制,以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定,以及 token 失效後的處理流程,確保應用程式的安全性及良好的使用者體驗。
2025/04/13
3
談 JavaScript 表達式與陳述式的差異:學習 React 帶來的啟發
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異,並以 React 中 JSX 的應用為例,說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解,並提供相關參考資料連結。
2025/01/13
18
React App 使用 JWT 進行驗證:Access Token 與 Refresh Token 的安全實作概念
本文介紹 JWT 的運作機制,以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定,以及 token 失效後的處理流程,確保應用程式的安全性及良好的使用者體驗。
2025/04/13
3
談 JavaScript 表達式與陳述式的差異:學習 React 帶來的啟發
這篇文章深入淺出地解釋 JavaScript 中表達式 (expression) 與陳述式 (statement) 的差異,並以 React 中 JSX 的應用為例,說明為何大括號 {} 內只能放入表達式。文章以類比人類語言的句子結構來幫助理解,並提供相關參考資料連結。
2025/01/13
18
React
探索 React Hook —— useRef:狀態與參考的選擇、DOM 操作,以及其他常見用法
本文深入探討 React Hook 中的 useRef,詳細比較了它與 useState 的差異,並說明瞭 useRef 如何用於保存跨渲染狀態、操作 DOM 節點以及存取上次渲染的狀態。文末並總結了 useRef 的常見用法及注意事項,提供實際範例與建議。
2026/02/23
2
2
探索 React Hook —— useEffect:掌握副作用的用法、陷阱與替代方案
本文將深入探討 React 的 useEffect Hook,從其基本定義、常見用法,到開發者常踩的陷阱。此外,文章也將介紹新的 useEffectEvent Hook,以及提供避免 useEffect 陷阱的實用技巧。
2026/02/03
2
探索 React Hook——useState(),掌握元件狀態管理的核心
本文探討 React 中 `useState()` Hook 的核心功能,解析狀態的定義、React Hooks 的使用規範,並透過計數器元件的實例,詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數,以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
2026/01/07
3
React 檔案上傳元件實作:從零開始打造具進度回饋的上傳功能
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
2025/04/20
3
探索 React Hook —— useRef:狀態與參考的選擇、DOM 操作,以及其他常見用法
本文深入探討 React Hook 中的 useRef,詳細比較了它與 useState 的差異,並說明瞭 useRef 如何用於保存跨渲染狀態、操作 DOM 節點以及存取上次渲染的狀態。文末並總結了 useRef 的常見用法及注意事項,提供實際範例與建議。
2026/02/23
2
2
探索 React Hook —— useEffect:掌握副作用的用法、陷阱與替代方案
本文將深入探討 React 的 useEffect Hook,從其基本定義、常見用法,到開發者常踩的陷阱。此外,文章也將介紹新的 useEffectEvent Hook,以及提供避免 useEffect 陷阱的實用技巧。
2026/02/03
2
探索 React Hook——useState(),掌握元件狀態管理的核心
本文探討 React 中 `useState()` Hook 的核心功能,解析狀態的定義、React Hooks 的使用規範,並透過計數器元件的實例,詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數,以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。
2026/01/07
3
React 檔案上傳元件實作:從零開始打造具進度回饋的上傳功能
這篇文章教學如何在 React 中建立一個檔案上傳元件,包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能,並使用 Axios 處理檔案上傳。
2025/04/20
3
CSS
如何實現更細緻的響應式設計?初探 CSS 的容器查詢(Container Query)
傳統響應式設計多半依賴媒體查詢(media query)根據視窗寬度調整,但對於元件在不同情境下的佈局,常會產生不符預期的結果。本文介紹 CSS 容器查詢(container query),一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術,並探討其基本用法。
2025/12/17
2
如何實現更細緻的響應式設計?初探 CSS 的容器查詢(Container Query)
傳統響應式設計多半依賴媒體查詢(media query)根據視窗寬度調整,但對於元件在不同情境下的佈局,常會產生不符預期的結果。本文介紹 CSS 容器查詢(container query),一種讓元件樣式根據其所在容器尺寸而非全域視窗尺寸來調整的新技術,並探討其基本用法。
2025/12/17
2
Vue
[ Vue 入門 ] 02 - 從原生 HTML 到 CDN 應用,打造 Vue 動態介面
本文將帶你從靜態 HTML 開始,透過 CDN 的方式一步步將原生 JavaScript 改寫成 Vue.js 應用。學習如何使用 createApp、mount 及 ref 等核心 API,定義動態資料。非常適合初學者快速上手 Vue.js,為後續專案開發打下基礎。
2026/02/12
1
[ Vue 入門 ] 01:宣告式渲染、響應式系統與 SFC
本篇文章將探討 Vue.js 的核心特色,包括宣告式渲染、響應式系統與漸進式框架設計。同時,比較 Vue.js 與 React 的異同,並詳解單一檔案元件 (SFC) 的結構以及 Options API 和 Composition API 兩種 API 風格的應用。
2026/02/11
2
[ Vue 入門 ] 02 - 從原生 HTML 到 CDN 應用,打造 Vue 動態介面
本文將帶你從靜態 HTML 開始,透過 CDN 的方式一步步將原生 JavaScript 改寫成 Vue.js 應用。學習如何使用 createApp、mount 及 ref 等核心 API,定義動態資料。非常適合初學者快速上手 Vue.js,為後續專案開發打下基礎。
2026/02/12
1
[ Vue 入門 ] 01:宣告式渲染、響應式系統與 SFC
本篇文章將探討 Vue.js 的核心特色,包括宣告式渲染、響應式系統與漸進式框架設計。同時,比較 Vue.js 與 React 的異同,並詳解單一檔案元件 (SFC) 的結構以及 Options API 和 Composition API 兩種 API 風格的應用。
2026/02/11
2
加入沙龍