您的位置：首页技术文章
文章详情页

javascript - react大列表性能问题

浏览：171日期：2023-03-19 16:18:41

问题描述

现在使用React获取大量数据，经过渲染，展示在页面中，如何优化性能？

问题解答

回答1：

只渲染可视区域。

高版本浏览器可以使用：Page Visibility API

低版本的只能通过自己计算滚动距离了。

标签： JavaScript
上一条：javascript - sockjs 在IE11下没有使用原生的WebSocket ，而使用了ajax轮询？下一条：javascript - 如何获取数组下标为偶数的下标所对应的数组内的值
相关文章：
1. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. docker api 开发的端口怎么获取？3. docker镜像push报错4. PHP中的$this代表当前的类还是方法？5. macos - mac下docker如何设置代理6. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放8. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~9. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分10. android glide asbitmap 在baseadpter中的问题
排行榜
docker镜像push报错
docker镜像push报错
1. docker api 开发的端口怎么获取？
2. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
3. android glide asbitmap 在baseadpter中的问题
4. docker网络端口映射，没有方便点的操作方法么？
5. sublime-text - sublime text 3中编译python（sublimeREPL），如何仅运行单行/选定部分
6. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
8. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。
9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
10. 如何解决docker宿主机无法访问容器中的服务？
热门标签