- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue中实现图片懒加载的方法（二）
vue图片懒加载为什么组件内部直接写 img 会有卡顿现象？而动态创建的img 标签则很流畅，这是什么原因
2022-11-14 20:41:56
1471
3
原创 vue中实现图片懒加载的方法（一）
主要思路就是在可视区域内得图片进行加载，反之默认不做图片得请求，可以用我们本地自己定义得比较小得loading图代替（当然这个loading图片也会做网络请求，但是是我们自己定义的，那便可空，选的图会比较小，而且在同一时刻，相同图片只会请求一次），本次实现，源码里没有给默认的loading图片，而是把图片加载之前的样式，以及图片加载失败后的样式交给使用者自己定义。方案1： 传统实现图片懒加载，会去监听滚动条的变化，当图片进入可视区域内，通过监听当前图片以及滚动条位置，判断是否已经进入可视区域。
2022-11-10 19:53:21
8481
原创 vue 瀑布流组件实现
最近项目要实现一个瀑布流布局，结合网上的案例以及自己的理解实现了一版，特在此记录一下，有兴趣的同学欢迎一起探讨交流学习 (第一次写这种东西~~~)，废话不多说，开整！！！！！先上张图！！！
2022-09-17 17:58:14
1644
1
空空如也
手写懒加载功能，组件方式引入，有卡顿现象
2022-11-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人