湘潭市建设路学校网站,做万词霸屏后网站关键词没有排名,建企业网站哪个平台好,建设工程安全管理中心网站最近一位朋友参加阿b的面试#xff0c;然后面试官问了她这个问题#xff0c;我问她咋写的#xff0c;她一脸淡定的说#xff1a;“虚拟列表。”大厂面试题分享 面试题库前后端面试题库 #xff08;面试必备#xff09; 推荐#xff1a;★★★★★地址#xff1a;前端面…最近一位朋友参加阿b的面试然后面试官问了她这个问题我问她咋写的她一脸淡定的说“虚拟列表。”大厂面试题分享 面试题库前后端面试题库 面试必备 推荐★★★★★地址前端面试题库虚拟列表What虚拟列表是个啥我咋不知道我就去查了一下好家伙虚拟列表其实是按需显示的一种实现即只对可见区域进行渲染对非可见区域中的数据不渲染或部分渲染的技术从而达到极高的渲染性能。获取数据本身其实并没有那么消耗性能渲染的过程才消耗时间所以我们可以把渲染这一部分抽离出来这样消耗的时间就减少了许多。懒加载我看着虚拟列表想了半天这玩意和懒加载有啥区别吗我就默默去查了一下懒加载详细定义和实现懒加载也叫延迟加载指的是在长网页中延迟加载图像是一种很好优化网页性能的方式。用户滚动到它们之前可视区域外的图像不会加载。这与图像预加载相反在长网页上使用延迟加载将使网页加载更快。在某些情况下它还可以帮助减少服务器负载。常适用图片很多页面很长的电商网站场景中。你仔细看看实现结构懒加载的图片是已经存在的 div已经放到 HTML 的结构里了。我们再看看之前那个虚拟列表实现链接里的效果虚拟列表里面的渲染是动态的当他不在视口可见div 也不进行渲染了。分页我能想到的方式自然还有组件库自带的分页。分片渲染其实还有一个东西叫分片渲染分片渲染简单的说就是一个执行完再执行下一个其思想是建立一个队列通过定时器来进行渲染比如说一共有3次先把这三个放入到数组中当第一个执行完成后并剔除执行完成的在执行第二个直到全部执行完毕渲染队列清空。如果我们一次性把所有的数据都进行渲染显然是会出现很大的问题JS 的执行速度比 DOM 快得多我们可以渲染一个 Item让他一开始的展示与否为 false然后我们一个一个的渲染或者100个100个的渲染这样就解决了我们一次性渲染过多 的问题。大厂面试题分享 面试题库前后端面试题库 面试必备 推荐★★★★★地址前端面试题库