鄙人之前一直做 Android 的,刚做 H5 前端半年有余,因公司项目中有需求,需要懒加载效果,但 isroll 之类的插件过于庞大,而且发现滚动条都是自己实现的,不是很喜欢,觉得没必要,于是自己写了个很简单的类似的插件,欢迎大家拍砖。链接: https://github.com/zgc2537/zGenius
![]() | 1 marvinwilliam 2016-04-29 09:25:13 +08:00 infinite scroll? |
![]() | 2 marvinwilliam 2016-04-29 09:28:54 +08:00 建议参考下淘宝移动端的 H5 增量加载列表页,他们加了 DOM 回收机制,防止一直增量加载下去,页面上的 DOM 和资源太多. |
![]() | 3 zgc2537 OP @marvinwilliam 跪求回收机制原理。我记得 Android 的 listview 是有回收机制的,不知道 H5 的这个机制是否原理一致? |
![]() | 4 marvinwilliam 2016-04-29 12:30:02 +08:00 @zgc2537 github 上有人模拟了 android 和 iOS 的回收机制,但是有点 BUG,你看淘宝移动端的列表页,增量加载到后面的时候,上面的 dom 内部的列表已经清空,只是保留了一个设置了高度的 div 而已,用户再划上去的时候,恢复数据,再填充回 dom |
![]() | 5 zgc2537 OP @marvinwilliam 我利用 CHROME 的移动端模式去看了下淘宝的移动端的列表项,发现增加列表项后并没有回收 DOM 。 |
![]() | 6 marvinwilliam 2016-05-01 13:07:06 +08:00 @zgc2537 你下拉了几页? |
![]() | 7 marvinwilliam 2016-05-01 13:08:17 +08:00 @zgc2537 从第十页开始,才开始回收上面的啊 |
![]() | 8 zgc2537 OP @marvinwilliam 加载了 39 页,第一页的 DOM 还在。。。不知道怎么上图。。。。 |