Rick's DevNote - 筆記列表

https://rickchiu.me/api/image?key=categories/React/cover.png

React 筆記 - key 屬性的重要性

2020-11-04

React

Component Performance

說明 React key 的作用、常見錯誤與正確使用方式

React 筆記 - 渲染與 Virtual DOM

2020-10-22

React

Performance DOM Component

解析 React 渲染流程、Virtual DOM 機制與效能影響

React 筆記 - Components 優化

2020-10-20

React

Component Performance Memoized

探討 React.memo、useCallback 與 useMemo 的應用與效能優化技巧

React 筆記 - useEffect

2020-10-13

React

State Memory Leakage

了解 useEffect 的作用、依賴陣列與 cleanup 機制，避免 Side Effect 問題

React 筆記 - useState

2020-10-12

React

Component Functional Programming State

認識 useState Hook 的使用方法、State 更新與批量更新機制

React 筆記 - Components

2020-10-05

React

Functional Programming Object Oriented Programming Component

認識 React Components、JSX 語法與 Class 與 Function Component 的差異

https://rickchiu.me/api/image?key=categories/JavaScript/cover.png

JavaScript 筆記：Intersection Observer API

2020-09-24

JavaScript

Observable Subscription DOM Web APIs

介紹 Intersection Observer API 在 Lazy Loading、Infinite Scroll 的應用與範例

JavaScript 筆記：DOM 操作與遍歷

2020-09-22

JavaScript

Traversal DOM Web APIs

整理常見的 DOM 操作方法與差異，包括元素選取、樣式修改、屬性處理與 DOM 遍歷。

JavaScript 筆記：冒泡與捕捉

2020-09-21

JavaScript

DOM Web APIs

淺談 DOM 事件的冒泡與捕捉，含程式碼與應用範例

JavaScript 筆記：Prototype、Constructor 與 Class

2020-09-18

JavaScript

Object Oriented Programming Class

整理 JavaScript 中 Constructor、Class 與 Prototype 的觀念與實作