摘要: 给大家讲讲“虚拟列表” 多数据渲染 现在解决多数据渲染,相信大家可能会想到分页,触底加载,懒加载等等,但其实虚拟列表也是多数据高性能加载的一个重要解决方案。 虚拟列表的概念 虚拟滚动,就是根据容器可视区域的列表容积数量,监听用户滑动或滚动事件,动态截取长列表数据中的部分数据渲染到页面上,动态使用空白 阅读全文
posted @ 2022-05-21 01:23 小羊不挑食 阅读(610) 评论(0) 推荐(0) 编辑
摘要: IntersectionObserver API 使用教程 网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法是,监听到scroll事件后,调用目标元素(绿色方块)的getBoundingCli 阅读全文
posted @ 2022-05-21 00:43 小羊不挑食 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 打包工具 rollup.js 入门教程 一、简介 打包工具的作用是,将多个 JavaScript 脚本合并成一个脚本,供浏览器使用。 浏览器需要脚本打包,主要原因有三个。 (1)早期的浏览器不支持模块,大型网页项目只能先合并成单一脚本再执行。 (2)Node.js 的模块机制与浏览器不兼容,必须通过 阅读全文
posted @ 2022-05-21 00:22 小羊不挑食 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 后端一次给你10万条数据,如何优雅展示,到底考察我什么 前言 今天跟大家来唠唠嗑,如果后端真的返回给前端10万条数据,咱们前端要怎么优雅地展示出来呢?(哈哈假设后端真的能传10万条数据到前端) 工作 先把前置工作给做好,后面才能进行测试 后端搭建 新建一个server.js文件,简单起个服务,并返回 阅读全文
posted @ 2022-05-21 00:10 小羊不挑食 阅读(335) 评论(0) 推荐(0) 编辑