鄙人之前一直做 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 还在。。。不知道怎么上图。。。。
|