vue-virtual-scroll:虚拟列表,可以实现无限加载

上传者: 42098830 | 上传时间: 2023-02-14 17:11:14 | 文件大小: 257KB | 文件类型: ZIP
Vue
虚拟列表实现无限加载 在进行前端业务开发时,很容易遇到需要加载巨大列表的场景,比如微博的信息流、微信的朋友圈和直播平台的聊天框,这些列表通常具有两个显着的特点 不能分页 只要用户愿意就可以无限的滚动下去 在这种场景下,如果直接加载一个数量级很大的列表,会造成页面假死,使用传统的触底加载能在一定的程度上缓解这种情况,但是在加载到一定量级的元素时,会因为页面同时存在大量的DOM元素而出现过度占用内存、页面卡顿的情况,带来糟糕的用户体验,因此我们必须对这种业务场景做出相应的优化,只加载需要显示的元素是这种情况的唯一解,「虚拟列表」应运而生。

文件下载

资源详情

[{"title":"( 15 个子文件 257KB ) vue-virtual-scroll:虚拟列表,可以实现无限加载","children":[{"title":"vue-virtual-scroll-master","children":[{"title":".gitignore <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 656B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 1006.46KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"components","children":[{"title":"item.vue <span style='color:#111;'> 1.73KB </span>","children":null,"spread":false}],"spread":true},{"title":"main.js <span style='color:#111;'> 352B </span>","children":null,"spread":false},{"title":"helpers.js <span style='color:#111;'> 275B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"logo.png <span style='color:#111;'> 6.69KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 239B </span>","children":null,"spread":false},{"title":"pages","children":[{"title":"heightFix.vue <span style='color:#111;'> 2.29KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":".browserslistrc <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":".eslintrc.js <span style='color:#111;'> 351B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 804B </span>","children":null,"spread":false},{"title":"babel.config.js <span style='color:#111;'> 73B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明