SourceCodeAnalysis:vue-virtual-collection原始分析-Vue source code an...

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。 该组件功能： 现在自测大概可以无卡顿