以一个例子来描述问题：
在陌陌的用户列表中，是按照地理位置排序的，距离你最近的人会排在最上边。假设每一屏有5个人，刷第一屏的时候，按照距离排列的前10个用户为：
A B C D E F G H I J
因为用户刷到的是第一屏，取前5个，也就是：
A B C D E
当用户刷第二屏的时候，假设前十个人的排序发生了变化，变成：
X Y Z A B C D E F G
那么第二屏的人就是：
C D E F G
和第一屏的ABCDE的CDE就重复了，所以现在用户的屏幕上显示的10个人就是：
ABCDECDEFG
CDE各出现了2次
请问有没有行业里比较通用的一些解决方案？
我有一个简单的想法： 用户第一次拉取“附近的人”第一屏的时候，记录用户当前位置， 拉取第二屏时，客户端请求里夹带之前的用户位置，以及已经被拉取过的“附近的人”。然后根据这两个信息再拉取10个人出来。 之后同上。
@crystaldust 我觉得我说的很清楚，换种说法，你要做的很简单，更新数组，显示当前页 那么就这样实现就可以了啊 ABCDEFGHIJKLM 显示第2页 FGHIJ 更新 XYZABCDEFGH 显示第2页 CDEFG
或者你可以每次更新后就显示最近的，微博不就是么？显示最近更新的，刷完了写一下，更新了3个离你最近的人，不就ok了么
@edward32tnt 嗯，以陌陌的业务逻辑应该是这样的。不过主要人和人之间的距离会发生变化，下一次去刷新的时候，有些人的距离已经更新了，有可能第一屏的人，恰好符合第二屏的距离，这样他就会出现在第二屏中。所以第一屏和第二屏有同一个人。
@CarlosRen 呃，大侠，我还是不太明白。我的问题在于，请求第一页的时候，排序是ABCDEFGHIJKLM，第一页取元素4，也就是ABCDE。第二页请求的时候，数据发生变化，按照排序是XYZABCDEFGH，第二页是要取元素5~9，也就是CDEFG。这时候客户端第一页有CDE，第二页也有CDE，不就重复了吗。是不是我表达的意思不太清楚？
@crystaldust 你更新了数组了啊亲。。。
var nearPeople= ["A","B","C","D","E","F","G","H","I","j","K"];
function ShowPeopleByPage(n){
for(var i = (n-1)*5;i<n*5;i++){
console.log("show"+nearPeople[i]);
}
}
ShowPeopleByPage(2);
nearPeople.unshift("X");
nearPeople.unshift("Y");
nearPeople.unshift("Z");
console.log("===============after================")
ShowPeopleByPage(2);
=======================================================================
showF
index.html:5 showG index.html:5 showH index.html:5 showI index.html:5 showj index.html:12 ===============after================ index.html:5 showC index.html:5 showD index.html:5 showE index.html:5 showF index.html:5 showG 你要的是这种效果不？
在取第2屏时 实际不是请求第2屏 而是取 offset > n 的 top 5 数据(按offset排序) n是上一屏最后一个的offset
这里要求offset 不能重复
具体还得看你用的GIS中间件
这种方式还有个小技巧就是 如果目标是显示5个 但是每次请求6个 返回6个表示还有下一页 不到6个表示到头了
@crystaldust 引自樓主所述「主要是从用户体验上感觉很奇怪，会出现一个人反复在user list中出现的情况。」、「服务器查询的压力也会增加」。
我认为可以设定一个按钮可以重新刷屏，每次新的浏览都一次取得数个屏的试用者 list，如果触发上页下页都只是在前端中暂存的资料。还是楼主仍偏向每次点击页数都会刷新呢？
var _ = require('underscore'); // http://underscorejs.org/#difference
var stack = [];
function getFiltered() {
var now = _.difference(getList(), stack).slice(0, 5);
stack = _.uniq(stack, now);
return now;
function getList() {
// 第一次是 [A, B, C, D, E, F, G, H, I, J],
// 第二次是 [X, Y, Z, A, B, C, D, E, F, G];
return 某一 array;
}
}
第一次 getFiltered() // Output : [A, B, C, D, E] 第二次 getFiltered() // Output : [X, Y, Z, F, G]
當對方重回首頁或刷新搜尋條件，才清除 stack。
這會是你要的嗎？
