V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
zgc2537
V2EX  ›  JavaScript

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

  •  
  •   zgc2537 · 2016-04-28 14:55:40 +08:00 · 5539 次点击
    这是一个创建于 3158 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    8 条回复    2016-05-02 18:58:35 +08:00
    marvinwilliam
        1
    marvinwilliam  
       2016-04-29 09:25:13 +08:00
    infinite scroll?
    marvinwilliam
        2
    marvinwilliam  
       2016-04-29 09:28:54 +08:00
    建议参考下淘宝移动端的 H5 增量加载列表页,他们加了 DOM 回收机制,防止一直增量加载下去,页面上的 DOM 和资源太多.
    zgc2537
        3
    zgc2537  
    OP
       2016-04-29 11:14:04 +08:00
    @marvinwilliam 跪求回收机制原理。我记得 Android 的 listview 是有回收机制的,不知道 H5 的这个机制是否原理一致?
    marvinwilliam
        4
    marvinwilliam  
       2016-04-29 12:30:02 +08:00
    @zgc2537 github 上有人模拟了 android 和 iOS 的回收机制,但是有点 BUG,你看淘宝移动端的列表页,增量加载到后面的时候,上面的 dom 内部的列表已经清空,只是保留了一个设置了高度的 div 而已,用户再划上去的时候,恢复数据,再填充回 dom
    zgc2537
        5
    zgc2537  
    OP
       2016-04-29 14:33:57 +08:00
    @marvinwilliam 我利用 CHROME 的移动端模式去看了下淘宝的移动端的列表项,发现增加列表项后并没有回收 DOM 。
    marvinwilliam
        6
    marvinwilliam  
       2016-05-01 13:07:06 +08:00
    @zgc2537 你下拉了几页?
    marvinwilliam
        7
    marvinwilliam  
       2016-05-01 13:08:17 +08:00
    @zgc2537 从第十页开始,才开始回收上面的啊
    zgc2537
        8
    zgc2537  
    OP
       2016-05-02 18:58:35 +08:00
    @marvinwilliam 加载了 39 页,第一页的 DOM 还在。。。不知道怎么上图。。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1419 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:19 · PVG 01:19 · LAX 09:19 · JFK 12:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.