Question

我需要在浏览器上无限滚动博客帖子/最新新闻。它的工作方式是我从列表中的服务器获得前20个帖子。我在浏览器上渲染第一个。在我从浏览器末尾接近x高度之后 - 应该从列表中加载下一个帖子。在下一篇文章中加载时，我需要调用分析，广告以及更改带有新标题的浏览器URL。一旦我到达第20个帖子，我需要打电话给服务器以获得接下来的20个帖子，这将继续。

我的问题是：我可以使用哪些库来制作POC？我如何比较它们以及选择哪一个？

我需要在nodejs中创建这个项目，我是nodejs的新手。任何可用的演示也可能有帮助

Answer 1

由于您有兴趣处理最新数据，所以这可以通过服务器端分页来实现，比如你必须查询最新的博客帖子限制为20，并且还必须跟踪页面光标（意味着从哪里开始）下一个查询将获取接下来的20个博客帖子。你正在构建Nodejs所以我假设你的数据库是Mongodb（假设MEAN Stack），你可以编写自己的分页逻辑，但为什么要重新发明轮子？可以使用解决方案，例如mongoose-paginate。这样就完成了后端部分。

在前端，有各种插件可用于各种框架，例如：

1 - 不想使用任何插件：

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      //Add newly-crunched data at the end of the page
   }
});

2 - 在Angular中使用angular-ui pagination或ngInfiniteScroll

3 - 在jQuery中使用infinite-scroll或jScroll

这是tuts + How to Create Infinite Scroll Pagination

快乐帮助！

无限滚动帖子

1 个答案: