New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Day244:虚拟列表是什么？说一下它的实现原理？ #1063

Open

Genzhen opened this issue Feb 22, 2021 · 1 comment

Labels

JavaScript 快手

Collaborator

Genzhen commented Feb 22, 2021 •

edited

Loading

每日一题会在下午四点在交流群集中讨论，五点小程序中更新答案
欢迎大家在下方发表自己的优质见解

二维码加载失败可点击小程序二维码

扫描下方二维码，收藏关注，及时获取答案以及详细解析，同时可解锁800+道前端面试题。

Genzhen added JavaScript 快手 labels

luuman commented Nov 5, 2021

从用户体验和应用性能两方面去权衡考虑，从而优化这种场景的解决方案。

分页加载：实现简单直接，但是在请求下一页时，可能也会打断用户心流，体验不是最佳。
懒加载：实现难度不大，可以解决首屏的压力，但是长时间加载数据，也同样会产生大量元素节点，从而影响应用性能（因为也没有处理过期节点的销毁问题）。
虚拟列表：实现难度较大，通过计算滚动视窗，每次只渲染部分元素，既减少了首屏压力，长时间加载也不会有更多的性能负担，可以满足上述大部分场景。

https://juejin.cn/post/6877507011769008135

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment