关于vue2.0,diff算法你掌握了么?

195 阅读1分钟
  • 创建头尾双指针比对新老节点
  • 1,a,b,c=>a,b,c,d,e 头头比较。

toptop.png

  • 2,a,b,c=>e,d,a,b,c。尾尾比较。

endend.png

  • 3,a,b,c,d=>d,a,b,c尾头比较。

endtop.png

  • 4,a,b,c,d=>b,c,d,a头尾比较。

topend.png

  • 5,a,b,c,d=>e,c,b,a,f乱序比较。

noorder.png

关于文章

希望通过自我总结的过程提升自己的能力。如有错误,请指正