小程序无限加载

小程序无限加载

什么是无限加载呢?

比如 刷朋友圈的时候,一直往下拉一直都会有内容 就像没有尽头一样,可以不断的加载出东西来,也可以叫滚动加载。数据不可能在打开朋友圈的时候一下全部加载出来,而是往下拉的时候不断地出来的。

思路:

小程序的页面滚动到底部的时候,会触发一个onReachBottom方法,在这个方法里我们可以去实现加载下一页内容项目的功能。页面加载(onLoad)以后,向服务端请求得到第一页要显示的内容项目,通常在得到的响应里面,服务端会包含一些额外的信息,比如请求的列表一共有多少个项目,当前给我们的是哪些,当前的页码是什么,列表分成了多少页等等。利用这些信息,结合onReachBottom就可以实现无限加载功能了。

可以在小程序页面的数据(data)里面记录一下分页的状态,比如当前页(currentPage)每次滚动到页面底部的时候,就重新设置一下currentPage的值,让它加上 1 ,然后去载入下一页的内容,得到数据以后放在当前页面的列表数据里面,重新设置页面的数据会触发页面重新渲染。

页面上的数据:

在onLoad中把要展示在页面中的数据(entities)从后台请求到,请求的时候带上当前的页码(index)

is_end也是后台返回的数据 如果是最后一条就是true 反之false

页面滚动到底会触发执行onReachBottom,在页面上添加一个这样的方法,执行它的时候让它去请求列表里面的下一页内容,再把得到的内容合并到页面数据里面的列表数据里。

每次加载几条可以后台设置.

遗留问题:

app.json 中的这一项以为需要配置 但是试了写上和不写没什么区别有知道的请留言 还有如果有更好的办法做无限加载 tell me ,thanks

本文来自企鹅号 - canaan七媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python数据科学

如何进行手机APP的数据爬取?

平时我们的爬虫多是针对网页的,但是随着手机端APP应用数量的增多,相应的爬取需求也就越来越多,因此手机端APP的数据爬取对于一名爬虫工程师来说是一项必备的技能。...

1142
来自专栏angularejs学习篇

页面上通过地址栏传值时出现乱码的两种解决方法

732
来自专栏有趣的Python

4- vue django restful framework 打造生鲜超市 -restful api 与前端源码介绍

使用Python3.6与Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站 项目支持支付宝支付(...

3258
来自专栏智能合约

Phalcon入门教程之安装

1213
来自专栏啸天"s blog

proxyee-dowm无封号风险的百度云高速下载器

1544
来自专栏iOS开发攻城狮的集散地

iOS 友盟崩溃日志定位代码

如果我的介绍没帮到你,可以看看这篇文章: http://www.jianshu.com/p/77d8b5e0d8c3

781
来自专栏FreeBuf

窃取SSH凭证的另一种方法

不久前,我曾写过一篇关于使用strace来获取ssh密码的文章。但该方法并不是时常有效的,因为在不同的发行版上strace的输出并不相同。所以在本文中,我将为大...

2896
来自专栏walterlv - 吕毅的博客

帮助官方 NuGet 解掉 Bug,制作绝对不会传递依赖的 NuGet 包

发布于 2018-08-05 13:22 更新于 2018-08...

452
来自专栏企鹅号快讯

某CMS注入分析及注入点总结

Bluecms是一个地方网站的开源的cms,在很多地方性的网站上应用还是不少的,今天在逛seebug的时候看到了一个漏洞的公告。 ? 有公告但是这里还没有详情,...

1849
来自专栏FreeBuf

前端黑魔法之远程控制地址栏

由于今天看到一篇文章《危险的 target=”_blank” 与 “opener”》,里面提到了一个老知识点,就是target=”_blank”的时候,新打开的...

3354

扫码关注云+社区