有没有人研究开发虚拟列表的,app上性能很重要,如果列表内容过多则会出现卡顿现象,为了避免这种情况,两种解决方案一种是分页,还有就是虚拟列表,所以虚拟列是提高app列表渲染性能的重要插件
6***@qq.com
- 发布:2019-08-03 23:53
- 更新:2022-05-31 11:41
- 阅读:1495
5 个回复
giao233
解决了吗?
百鬼夜行 - uniapp,react,vue,flutter,qt,node,go,JAVA,PHP,C++
app的列表一般采用触底加载新的数据,通过数组追加的形式添加数据,一般不会造成卡顿,如果要更流畅一些,可以用分部加载,加骨架更好,我一般都是触底加载,然后数据数组后面都加一个灰色的占位块,获取返回值,在对应一个赋值就行了
giao233
嗯 如果是同时有1000条数据存在在页面上那?目前只有虚拟列表解决吧
2021-09-24 13:15
冬未至
回复 giao233: 我也是遇到了类似的问题,因为要渲染表格,一次性渲染100行,就会卡住了。。
2021-11-12 15:06
照相
偷偷推荐一下 z-paging-【支持nvue、vue3,使用wxs实现】高性能,全平台兼容。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等100+项配置 支持虚拟列表,支持动态cell高度
中软云科技 - 公司承接uni-app外包开发,商务VX:fan-rising,商务QQ:1559653449
公司承接项目外包开发、双端(Android,iOS)原生插件开发。
为什么选择我们:
1、1000+项目开发积累,数百种商业模式开发经验,更懂您的需求,沟通无障碍。
2、一年免费技术保障,系统故障或被攻击,2小时快速响应提供解决方案落地。
3、软件开发源码定制工厂,去中间商降低成本,提高软件开发需求沟通效率。
4、纯原生开发,拒绝模板和封装系统,随时更新迭代,增加功能,无需重做系统。
5、APP定制包办软件著作权申请,30天内保证拿到软著证书,知识产权受保护。
6、中软云科技导入严谨的项目管理系统,确保项目准时交付,快速抢占市场商机。
7、软件开发费、维护费、第三方各种费用公开透明,不花冤枉钱,不玩套路。
已有大量双端插件、App、小程序、公众号、PC、移动端、游戏等案例。
行业开发经验:银行、医疗、直播、电商、教育、旅游、餐饮、分销、微商、物联网、零售等
商务QQ:1559653449
商务微信:fan-rising
7x24小时在线,欢迎咨询了解
喜欢技术的前端 - QQ---445849201
虚拟列表