如何理解JS的异步加载数据

Question

例如：有1000条数据，打算每页显示10条，做个分页栏，这种情况下如何才是合理的异步加载？

1. 先做好分页栏， JS通过异步的方式获得这1000条记录，然后分页，是否未点击的页码的数据是不会加载的？

2. 先做好分页栏，然后点击页码，JS通过异步的方式获取每个页码的10条记录

Answer 1

第二种是合理的

Answer 2

在第二种情况的基础上可以按照 @jflame 给出的优化方案，预加载方案千变万化，还是要根据不同业务做具体优化

Answer 3

是我的的话，会预加载一点数据，比如先加载个两三页，二三十条

Answer 4

结合应用场景的话，当点击翻页或页码时，获取当前页面十条数据，同时获取左右两页的数据，存储var或storage，为点击下一页或上一页时提速。弊端重复请求，资源重用度低。