SourceCodeAnalysis:vue virtual collection原始分析 Vue source code analysis

vue-virtual-collection原始分析 / * 0 1 2 3 4 5 ┏━━━┯━━━┯━━━━┓ 0┃00┊13┊66┃ 1┃00┊23┊66┃ ┠┈┈┈┼┈┈┈┼┈┈┈┨ 2┃44┊43┊78┃ 3┃44┊45┊99┃ ┗━━━┷━━━┷━━━━┛ 单元格截面图: 0.0 [0] 1.0 [1、2、3] 2.0 [6] 0.1 [4] 1.1 [3,4,5] 2.1 [7、8、9] * / 该组件的思想: 为了高效率地计算视口中有一些Cell需要渲染,改用了“块渲染的思想”。我们可以定义一个“块”为200 * 200的正方形,所有与这个块有重叠的Cell都会在这个块中记录下来。 这些“块”被保存在一个地图中,当滚动发生时,我们只需要计算当前该展示该块的数据,然后去这些块中找到对应的Cell,就可以了,而不需要去遍历所有的Cell。 该组件功能: 现在自测大概可以无卡顿