javascript - 如何在没有闪烁的情况下在 Meteor 中进行分页？

Question

与此问题相关here , 是否有一种使用 Meteor 实现分页的惯用方法，它不会在客户端显示中间结果(这会导致页面跳转)。

我从排行榜示例中派生了一个应用程序，本质上，在我使用的客户端上:

Template.scores.created = ->
    Meteor.autosubscribe ->
        Meteor.subscribe 'players', Session.get('page_size'), Session.get('current_page'), sortOrder()

和服务器

Meteor.publish 'players', (page_size, current_page, sort) ->
    Players.find({}, sort: sort, skip: (current_page-1)*page_size, limit: page_size)

由于 meteor 订阅新数据然后删除旧数据的方式，所有新项目都会在旧项目被删除之前短暂显示，这会导致我想摆脱的闪烁效果。

Answer 1

我能够实现目前已经足够好的解决方法。它不是很好，因为它确实会导致一些少量的“闪烁”，但假设客户端和服务器运行速度很快，这是可以接受的。

解决方案主要是将模板助手代码从:

Template.scores.players = ->
    return Players.find({}, sort: sortOrder())

到:

Template.scores.players = ->
    return Players.find({}, sort: sortOrder()).fetch().slice(0,Session.get('page_size'))

这会将项目的客户端 View 限制为页面大小的最大值，以便在删除旧项目之前到达客户端的其他项目不会扩展正在查看的项目列表的整体大小。

当项目到达和消失时仍然会出现一些“闪烁”，但是由于列表的大小不会改变，所以它没有没有切片的实现那么糟糕。