Skip to content

JuneLin2001/List-Virtualization-Discussion

Repository files navigation

List Virtualization Discussion

List Virtualization Discussion 是一個用於演示「列表虛擬化 (List Virtualization)」技術的範例網站。

網站連結

功能介紹

  • 使用 List Virtualization: 只渲染可見範圍內的列表項,減少 DOM 節點數量,提升性能。
  • 不使用 List Virtualization: 渲染整個列表,適合數據量較少的場景。

測試你裝置的最大顯示高度 & 寬度

  • 透過簡單的繪製正方形功能,並輸入一個超大的值(如100000000px),看實際大小會是幾px。

測試網站連結

Built With

React TailwindCSS Vite Github Pages

實現List Virtualization 功能:react-window
隨機用戶與隨機貼文:Faker.js

Run Locally

Clone the project

  git clone https://github.com/JuneLin2001/List-Virtualization-Discussion.git

Install dependencies

  npm install

Start the project

  npm run dev

Acknowledgements