问答

移动端列表无限滚动,数据太多引起页面卡顿如何做性能优化

作者:admin 2021-05-05 我要评论

移动端长列表性能优化如何做?下拉加载一直会向页面中填充数据,dom太多页面太卡咋办? ### 滚动数据太多是因为列表的DOM节点树太多导致。可以从减少列表中的DOM...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

移动端长列表性能优化如何做?下拉加载一直会向页面中填充数据,dom太多页面太卡咋办?

###

滚动数据太多是因为列表的DOM节点树太多导致。可以从减少列表中的DOM节点数量下手,比如实现一个虚拟列表或者用第三方组件,或者使用CANVAS直接绘制列表效果。关于DOM虚拟列表实现可以给点思路给你,10000个列表元素只创建可见区域10条的DOM节点。然后使用CSS定位固定列表元素垂直位置。

###

估计不是dom太多页面卡,而渲染的过多卡。

###

用vue和react么?

###

虚拟列表了解一下

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 移动端列表无限滚动,数据太多引起页面

    移动端列表无限滚动,数据太多引起页面

  • 用React写函数组件,如何避免重复渲染

    用React写函数组件,如何避免重复渲染

  • js 树形结构根据条件push新数组

    js 树形结构根据条件push新数组

  • 请问echarts的环图如何在中心显示固定

    请问echarts的环图如何在中心显示固定

腾讯云代理商
海外云服务器