Vue 2.0 无限下拉组件

[Seita]

https://github.com/egoist/vue-mugen-scroll

[RoundCat]

不错，不过这让我想起了某度的首页😓😓😓

[Kaiyuan]

无限下拉是一个体验极差的模式，手机上内存不足会自动刷新，然后就又在重新加载最开始的位置。
然而为什么那么多网页和 Apps 会用？

[Seita]

@Kaiyuan 很明显，利大于弊

[doubleflower]

@Kaiyuan 那是没实现好，前面的可以回收，特别是大图片。

[Kaiyuan]

@Seita 如果只是加载几页的内容是利大于弊，但是如果是内容归档需要加载超过十页的内容就是一种鸡肋。例如豆瓣东西、 Flickr 这些网站居然都是用无限加载，我 16G 内存用 Chrome 都经常卡的不行。

[bertonzh]

我所理解的 Infinity 组件是滚动到下面时，顶部的会自动回收，滚动到上面时，上面的重新 render ，下面的被回收。

[Seita]

@bertonzh 什么叫回收……

[bertonzh]

@Seita 你看看 https://github.com/airbnb/infinity ，就算 data 里面有 1w 条，实际渲染到 DOM 的始终不会超过 100 条。这样渲染大量列表也不会卡。

[speak123]

将 2d transform 换成 3d 就可以强制开启 GPU 加速 提高动画性能 /div { transform: translate(10px, 10px);}div { transform: translate3d(10px, 10px, 0); 也可以增加性能。iscroll.js 就是这么做的。