无限滚动帖子

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分页或ngInfiniteScroll

3 - 在jQuery中使用无限滚动或jScroll

这里是tuts + 如何创建无限滚动分页

快乐帮助!