首先說下虛擬列表出現的原因： 數據量比較小的時候，對於CListView控件可以直接使用InsertItem並配合SetItemText函數來插入並修改數據。這樣操作很直接。 但是，如果數據量比較大了，比如1w個數據，那么，根據插入的數據種類，長度，以及計算機性能，估計時間在10s中到1分鍾 ...

有一個很長的列表需要展示，如果是全部直接全部展示，會因為一次性創建了太多的DOM節點，從而導致卡死。（除非分頁） 解決辦法是： 采用虛擬滾動。 比如有1K條數據，但是我們可以看到的部分可能只有幾十條，所以，那些我們看不到的dom節點，完全沒有必要去渲染。所以，虛擬滾動就是只渲染可視部分的dom節點 ...

虛擬列表 什么是虛擬列表 虛擬列表是一種根據滾動容器元素的可視區域來渲染長列表數據中某一個部分數據的技術 為什么需要虛擬列表 虛擬列表是對長列表的一種優化方案。在前端開發中，會碰到一些不能使用分頁方式來加載列表數據的業務形態，我們稱這種列表叫做長列表。比如，手機端，淘寶商品展示，美團外賣 ...

需求來了 項目中有一個移動端的長列表，考慮再三，決定用虛擬列表優化一下，關於虛擬列表的實現網上有挺多方案的，為了省時省力還是決定采用成熟的第三方庫，於是開始 github 之旅~ 搜索關鍵字 vue virtual ，選取前兩個 star hin 高的項目，展開看看對比對比看看哪個符合我的要求 ...

1、vue-virtual-scroll-list https://github.com/tangbc/vue-virtual-scroll-list 2、Object.freeze 使用 ...

寫在前面：不知不覺 ～2020年的日子已經過去了3/4，看到微博熱搜說：2020年還剩下3個月的時候，心情突然驟降～哈哈哈哈 切入正題： 什么是長列表優化？ 我們為什么需要長列表優化？ 我們怎樣進行長列表優化 長列表優化 　　在我們的日常工作中，會越到各種各樣的列表，比如，我們通常采用 ...

一、列表 　　作用：多個裝備，多個愛好，多門課程，多個女朋友等 　　定義：[]內可以有多個任意類型的值，逗號分隔 以下是列表的常用操作： ...

note 虛擬列表可有效加載大量數據 需要處理listctrl的 LVN_GETDISPINFO 消息 使用虛擬列表 不能 使用 insert的方法插入數據，而是告訴listctrl 當前要顯示多少行 使用SetItemCount函數告訴listctrl當前顯示多少行 使用 ...