【问题标题】:SlickGrid - Background Loading of PagesSlickGrid - 页面的后台加载
【发布时间】:2010-07-02 08:37:15
【问题描述】:

SlickGrid 中的延迟加载功能非常酷 - 但是有没有人对未来页面的后台加载有任何经验?

因此,这意味着当用户到达尚未加载数据的网格点时,不会缓冲/加载数据,从而加快用户体验。

【问题讨论】:

  • 你指的是 DOM 元素或数据的延迟加载(通过 ajax)?
  • @Tin - 数据的延迟加载 - 这工作正常,但我们只想异步加载它,以便用户在向下滚动时不会遇到任何空白。
  • 所以你想用初始页面数据加载网格,然后在后台开始下载其余部分?您是否考虑过这会导致服务器上的额外负载?也许某种预测的 Ajax 加载会更好。

标签: jquery slickgrid


【解决方案1】:

有几个选项可以提供这种功能。

预取。 Mozilla: Link Prefetching FAQ

将以下内容添加到 page1.htmhead 将允许在支持此功能的浏览器中后台预取 page2.htm

<link rel="next" href="page2.htm" >

正如我所说,我不确定哪些浏览器支持和不支持此功能,但是,如果您想为所有浏览器提供相同的功能,您也可以在 jQuery 中编写一个函数它适用于任何不支持 Prefetch 的浏览器,以创建隐藏的 iFrame。

IFrame StackOverflow: iframe preloading

通过基本的 HTML 编码或使用 jQuery 动态创建 iframe,如下所示,将加载 page2.htm,同时仍显示 page1.htm(并且应该只要引用的页面对缓存友好,就可以提高性能)。

<iframe src="page2.htm" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute;top:-3000px;left:-3000px;></iframe>

【讨论】:

    【解决方案2】:

    我们通过使用 setTimeout 找到了解决此问题的方法,因此每次获取 50 条记录时,我们都会设置超时以在几秒钟内再获取 50 条记录。

    【讨论】:

    • 这是个好主意,但它在代码中的表现如何?我想为延迟加载 JSON 数据做类似的事情。
    猜你喜欢
    • 2020-06-12
    • 2018-02-11
    • 1970-01-01
    • 2020-06-10
    • 2016-01-31
    • 1970-01-01
    • 1970-01-01
    • 2012-08-04
    • 2014-04-08
    相关资源
    最近更新 更多