写了一个很简单的 H5 懒加载插件,欢迎拍砖。

2016-04-28 14:55:40 +08:00
 zgc2537

鄙人之前一直做 Android 的,刚做 H5 前端半年有余,因公司项目中有需求,需要懒加载效果,但 isroll 之类的插件过于庞大,而且发现滚动条都是自己实现的,不是很喜欢,觉得没必要,于是自己写了个很简单的类似的插件,欢迎大家拍砖。链接: https://github.com/zgc2537/zGenius

5541 次点击
所在节点    JavaScript
8 条回复
marvinwilliam
2016-04-29 09:25:13 +08:00
infinite scroll?
marvinwilliam
2016-04-29 09:28:54 +08:00
建议参考下淘宝移动端的 H5 增量加载列表页,他们加了 DOM 回收机制,防止一直增量加载下去,页面上的 DOM 和资源太多.
zgc2537
2016-04-29 11:14:04 +08:00
@marvinwilliam 跪求回收机制原理。我记得 Android 的 listview 是有回收机制的,不知道 H5 的这个机制是否原理一致?
marvinwilliam
2016-04-29 12:30:02 +08:00
@zgc2537 github 上有人模拟了 android 和 iOS 的回收机制,但是有点 BUG,你看淘宝移动端的列表页,增量加载到后面的时候,上面的 dom 内部的列表已经清空,只是保留了一个设置了高度的 div 而已,用户再划上去的时候,恢复数据,再填充回 dom
zgc2537
2016-04-29 14:33:57 +08:00
@marvinwilliam 我利用 CHROME 的移动端模式去看了下淘宝的移动端的列表项,发现增加列表项后并没有回收 DOM 。
marvinwilliam
2016-05-01 13:07:06 +08:00
@zgc2537 你下拉了几页?
marvinwilliam
2016-05-01 13:08:17 +08:00
@zgc2537 从第十页开始,才开始回收上面的啊
zgc2537
2016-05-02 18:58:35 +08:00
@marvinwilliam 加载了 39 页,第一页的 DOM 还在。。。不知道怎么上图。。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/275079

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX