musicq / vist Goto Github PK

@musicq 你好，在看你的源码发现在复用DOM的算法处有一个小 trick。但是不明所以，故向你请教：

Q1: 为什么这里要 +1 呢？

我试着改了一下此处，发现如果不 +1 在往回滚 1 个 option.height 的时候 getDifferenceIndexes 函数工作不正确，返回的数组为 []。

code

return (this.stateDataSnapshot = data.slice(firstIndex, lastIndex + 1).map(item => ({

code1

let newIndex = dir > 0 ? lastIndex - diffSliceIndexes.length + 1 /* down */: firstIndex /* up */;

Q2: 为什么 +1 就可以正常工作了呢？
如果你能在百忙中回复，这也许能够帮助晚辈很快理解这个 trick 用法的原因。

代码经过这样的修改后工作正常，不用 +1 也正确 diff index。

const newIndexes = new Array(endIndex - startIndex)
        .fill(startIndex)
        .map((i, d) => i + d);
      const diffIndexes = pool.reduce((acc, cur, idx) => {
        if (!newIndexes.includes(cur.$pos)) {
          acc[acc.length] = idx;
        }

        return acc;
      }, []);

另，觉得这个 重用DOM getDifferenceIndexes的算法非常的实惠，非常感谢。