vue中原生语法实现瀑布流及懒加载(无限加载)(利用IntersectionObserver)
vue中原生语法实现瀑布流及懒加载(利用IntersectionObserver)
如果要实现懒加载, 第一反应不过是计算可视高度即滚动条之间的距离来进行对比
都2021年了, 如果面试官让手写一个懒加载, 毫无亮点了已经
下面介绍一种实现懒加载的方式, 并结合瀑布流
首先先写出瀑布流
dom结构以及样式
-
:style="{
top: item.top + 'px',
left: item.left + 'px',
width: item.width + 'px',
height: item.height + 'px',
}"
>
![]()
/* 样式也非常简单, 就只是开启定位和一个加载动画 */