最近进行迷你程序时,有非常普遍的需求。加载信息列表需要底部和跌落 - 降落和刷新。我突然想起,掘金的小书接口与此需求相似。接下来,我将向您介绍向您介绍您的实施计划。
进行以下操作:
在此处注意生命周期功能:加载监视页面的生命周期,以及底部的生命周期的底部。
加载程序功能的包装首先取决于我们的业务逻辑。首先,根据我们的业务考虑。
我们想通过底部获取数据,因此我们需要修复获得数据的数据数。其次,为了反复避免,我们不能考虑从数据项中获取以获取。这是必要的,即,进出的参数来自第n个项目。当监视和传递参数的底部为0时,我们是当前数组的长度,因为加载页面时的数组长度为0。数组的长度正好是已获得的当前数据项,因此您可以获取无趣的数据并在上一个数组中合并。
实际上,加载器函数的实现是底部加载函数的核心。在正常情况下,底部加载的逻辑是累积代表页码数量的数字,然后将页码发送到服务器。服务器将返回信息数组。我使用云开发,因此解决方案不同。
关于底部加载动画,我在Codepen上引用。我只需要更改在底部底部底部时控制动画元素的变量。当数据采集成功时,加载动画代码如下。
如果小程序中的数据量太大,则一个时间获取将增加DOM渲染的负担。不仅如此,响应的速度将与乌龟一样快。断裂的交互,根据数量加载数据,如下所示,我每次降低底部时都会加载八个数据,然后加载所有数据,然后加载所有数据它是空的。
小型程序的实现仍然很容易
原始:https://juejin.cn/post/7101820398253113351