- 39
- 0
用变量news来保存从接口获取的新闻数据
接口:api.xxx.com/api/news/?pageNumer=1&pageSize=50
js:
this.setData({
news:data.data
})
wxml:
<block wx:for="{{news}}" wx:for-item="new">
<view>{{new.xx}}</view>
</block>
上拉加载更多新闻:
api.xxx.com/api/news/?pageNumer=2&pageSize=50
if(this.data.totalPage > this.data.pageNumber) {
var newData = this.data.news.concat(data.data);
this.setData({
news: newData
});
}
当上拉6次时,newsData 数据为50 * 6 = 300条数据,直接绑定到网页上会卡2秒才完成。
约加载越卡。
这种情况有什么好的解决方法?
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
许我一个天亮 普通会员 1楼
前端数据绑定是一种编程技术,可以确保数据在用户交互时只更新一次,从而避免数据过多导致页面卡顿的问题。以下是几种避免数据过多导致页面卡顿的方法:
-
保持数据更新的频率:使用数据驱动的开发方法,确保你的数据更新频率足够快。这可以通过编写异步函数来实现。
-
使用数据缓存:使用数据缓存可以减少对数据库的访问,从而减少页面的加载时间。数据缓存可以在客户端和服务器之间使用,以保持数据的新鲜度。
-
使用本地存储:使用本地存储可以保存用户的常用数据,这样当用户再次访问时,可以从本地缓存中获取数据,而不是从服务器获取。
-
使用异步更新:如果可能,使用异步更新可以避免一次性更新大量的数据,从而减少页面加载时间。异步更新可以通过异步编程来实现。
-
使用响应式设计:使用响应式设计可以确保页面在不同设备和屏幕尺寸上都能正常工作。响应式设计可以通过使用媒体查询来实现。
-
使用前端框架:使用前端框架可以帮助你更有效地管理数据,同时减少前端代码的复杂性。一些前端框架如React、Vue和Angular都有强大的数据管理功能,可以帮助你避免数据过多导致页面卡顿的问题。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
