设为首页
收藏本站
开启辅助访问
全部
问与答
创意
技术
酷工作
生活
交易
资源
节点
飞墙
Follow
明白贴
人人影库
报酬
登录
注册
飞社-令人惊奇的创意工作者社区-
›
首页
›
Vue.js
›
VUE 前端大佬,有个图片异步懒加载相关的问题 ...
FSHEX=FIND+SHARE+EXPRESS
飞社-令人惊奇的创意工作者社区- 是一个关于发现分享表达的地方
现在登录
没有账号?
立即注册
推荐主题
›
[送兑换码] 一个 macOS 平台的一键翻译软件
›
23 年毕业至今 20 个月跳槽四家公司三个公
›
北京还有能在下午 6 点正常下班的公司吗
›
上周去医院检查了腰椎间盘,医生给了保守治
›
大家喜欢用什么姿势?
今日热议主题
115 扩容有什么好推荐?
Win11 开 SMB, Mac 和投影仪看 4K UHD 卡
[WeClipper] 剪切板助手 v0.4.5,更加准确
馒头真无线 4 和 WF-1000XM5 求推荐
劳动仲裁后续
Color Block Jam
再开一贴 讨论一下市面上哪些电视支持完整
15.3.1 GPU 工作较重时外接鼠标会卡顿,触
微软即将推出官方 PC 迁移助手应用
win11 自带录音机 / Microsoft Store 无法
VUE 前端大佬,有个图片异步懒加载相关的问题
cnbattle
· 2024-5-12 18:09:37 · 90 次点击
场景: 聊天 消息列表接口,图片后端仅记录图片 key ,独立接口 获取图片 base64 数据
前端需要 懒加载渲染图片,即 懒加载,用独立请求图片 base64 接口 接口数据格式为 json,其中一个字段为 图片 base64 数据
目前是获取消息列表时 同步处理,并发拿图片 base64, 消息列表显示出来比较慢
怎么能优雅实现这样的需求
举报
·
90 次点击
登录
注册
站外分享
微信扫一扫
QQ分享
微博分享
豆瓣分享
复制链接
显示全部
|
最新评论
2 条回复
沙发
vituralfuture
小成
2024-5-12 18:18:00
图片链接放 data-src 里,img 元素进入视口后把 data-src 赋给 src
板凳
WJYuan
小成
2024-5-12 19:06:26
@cnbattle #2 这种情况不影响啊,只是把 data-src 替换为 key 而已,思路是一样的,你
1.首先获取列表借口,此时图片全部渲染为 loading 图
2.Intersection Observe API 请求 base64
3.请求到 base64 后替换 src
返回顶部