✏️全部文章
useMemo 教學 - React 的記憶化函數
前端框架-React 提供了許多強大的 Hooks，其中 useMemo 屬於是最容易被使用錯誤的 Hook，這次教學就由淺入深介紹 useMemo 的概念、用法與最佳實踐 什麼是 useMemo？ use...
前往useMemo 教學 - React 的記憶化函數文章useRef 教學 - React 存取 DOM 與保持資料一致的 Hook
前端框架-什麼是 useRef useRef 是 React 提供的一個 Hook，它可以用來保存一個值，而這個值會被存在一個物件裡面，這個物件再更新組件時，會保持一致的資料，不會被清空。 因為會被保存在物...
前往useRef 教學 - React 存取 DOM 與保持資料一致的 Hook文章轉職前端，資料結構和演算法要學到什麼程度？
前端職涯-轉職前端要學演算法嗎？ 曾經有朋友問我 轉職前端要不要學演算法？ 演算法好難完全不知道要從哪裡下手 演算法和資料結構差在哪？ 而且現在 AI 這麼強，真的有必要學演算法嗎？ 先說結論，演算...
前往轉職前端，資料結構和演算法要學到什麼程度？文章useEffect 教學 - React 的副作用管理
前端框架-什麼是 useEffect？ useEffect 是 React 中非常重要的一個 Hook，它讓函數組件（functional component）可以執行副作用 (Side Effects)。 ...
前往useEffect 教學 - React 的副作用管理文章虛擬 DOM 是什麼？(Virtual DOM)
前端框架-虛擬 DOM 是什麼? 自從 React 開始流行後，虛擬 DOM 也漸漸廣為人知，很多面試很愛考虛擬 DOM 的相關知識。了解虛擬 DOM 也是掌握 React 或 Vue 底層原理的第一步。 ...
前往虛擬 DOM 是什麼？(Virtual DOM)文章閉包是什麼？JS Closure 完整應用教學
前端基礎-閉包 Closure 一直是很重要的前端觀念，也是面試愛考題。有很多實務場景都有使用到閉包(Closure)，像是 debounce、資料封裝、非同步處理等等，都很常看到閉包的身影，但對於程式新手而言...
前往閉包是什麼？JS Closure 完整應用教學文章useState 教學 - React 的狀態與更新
前端框架-useState 是什麼？ useState 是 React 中的一個 Hook，它的作用是讓「函數組件」擁有自己的狀態（state），當狀態改變時，React 會自動重新渲染畫面、更新畫面。同步狀...
前往useState 教學 - React 的狀態與更新文章React 是什麼？2025 完整新手學習指南
前端框架-React 是當今前端開發中最熱門的技術之一，不管你想要轉職前端，還是後端想做 Side Project，甚至是想利用 AI 來打造自己的網頁 App，理解 React 的基礎概念與環境設置都是入門的...
前往React 是什麼？2025 完整新手學習指南文章batch update 是什麼？React 非同步的狀態更新。
前端框架-在 React 裡，當 state 改變時，React 並不會馬上 re-render 整個組件，而是會先搜集要更新的 state，將這些更新的 state 放到一個佇列(queue)中，等待適當的時...
前往batch update 是什麼？React 非同步的狀態更新。文章CSS 超好用的混色功能 color-mix()
前端基礎-你知道如何用 css 快速做出色輪嗎？或是你需要讓你的主色透明 10%？又或是你想要在黑暗模式時，將主色的混一點黑色降低飽和度？ 在以往，以上功能的要自己手動去定義顏色才能做到，對沒有學過設計的工程...
前往CSS 超好用的混色功能 color-mix()文章