V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
This topic created in 991 days ago, the information mentioned may be changed or developed.
每条数据不会很大，像：
{ id: 1, name: 'Jim', age: 13, sex: 'mail', hobby: 'sport' }
之类。
要不要做分页？分页可用瀑布流吗？
 | 1 lion9527 Aug 10, 2023 不会卡；要分页；可用瀑布流。 |
 | 2 Tyaqing Aug 10, 2023 正解是后端分页 如果一定有 5000 条,直接一次性渲染出来肯定会卡顿的,dom 操作代价很大. 方法一:可以做个队列,每 100ms 渲染 20 条这样. 方法二:虚拟列表渲染. |
 | 3 amon Aug 10, 2023 根据你给的样例，5000 条数据大概也就几百 kb ，前端可以轻松处理。 当然也要看具体的场景，比如系统是 toB 还是 toC 、性能要求、页面是否需要分页等等。 |
 | 4 8355 Aug 10, 2023 取决于你的渲染逻辑吧 不过还是应该找后端优化就是了，因为现在是 5000 条以后是 50000 条还要你优化？ |
 | 5 mdn Aug 10, 2023 获取数据不会卡，直接一次性渲染到页面会卡顿 用户一屏也不需要看到这么多数据，建议 1. 后端分页或者前端假分页 2. 虚拟列表 |
| 6 mdn Aug 10, 2023  1 是否卡顿主要取决于每条数据的 dom 是否复杂 |
 | 7 nothingistrue Aug 10, 2023 获取最多会长时间 loading ，但不会卡 UI 。获取之后，前端一次性将这 5 千条都渲染出来，可能会卡。但是否会卡还要看你的渲染逻辑。 |
 | 8 benjunk Aug 10, 2023 只获取不会卡，就看你对数据如何操作了 |
 | 9 hymxm Aug 16, 2023 还取决于客户的电脑配置吧 |
 | 10 red666 Sep 9, 2023 昨天面试，面试官问了同样的问题，我答了上滑加载和虚拟列表，面试官问我还有没有其它方法。。。。 |
Select Language