List Virtualization Discussion 是一個用於演示「列表虛擬化 (List Virtualization)」技術的範例網站。
- 使用 List Virtualization: 只渲染可見範圍內的列表項,減少 DOM 節點數量,提升性能。
- 不使用 List Virtualization: 渲染整個列表,適合數據量較少的場景。
- 透過簡單的繪製正方形功能,並輸入一個超大的值(如100000000px),看實際大小會是幾px。
實現List Virtualization 功能:react-window
隨機用戶與隨機貼文:Faker.js
Clone the project
git clone https://github.com/JuneLin2001/List-Virtualization-Discussion.git
Install dependencies
npm install
Start the project
npm run dev