设为首页
收藏本站
开启辅助访问
全部
问与答
创意
技术
酷工作
生活
交易
资源
节点
飞墙
Follow
明白贴
影视
报酬
登录
注册
飞社-令人惊奇的创意工作者社区-
›
首页
›
Vue.js
›
VUE 前端大佬,有个图片异步懒加载相关的问题 ...
FSHEX=FIND+SHARE+EXPRESS
飞社-令人惊奇的创意工作者社区- 是一个关于发现分享表达的地方
现在登录
没有账号?
立即注册
推荐主题
›
大家怎么看待 cg 这件事情
›
是去是留?
›
现在经济这么差的么
›
你们平时用高德地图还是百度地图?
›
早上上班碰到一辆很急的比亚迪,险些发生事
今日热议主题
关于 nginx 的一些提问
分享 WSJ 退订的快捷方法
宽带打电话说光纤超标要上门检修是什么意思
KDE Plasma 6 已经进入 Debian unstable/si
各位客户端的老哥们, 15k 以下的岗位你们
近半年,增加好多小微企业围绕:跨境电商独
想换手机了,求推荐手机
有没有比较好的博客平台推荐?
AI 设计神器 Recraft
职场规划及未来发展
VUE 前端大佬,有个图片异步懒加载相关的问题
cnbattle
· 2024-5-12 18:09:37 · 62 次点击
场景: 聊天 消息列表接口,图片后端仅记录图片 key ,独立接口 获取图片 base64 数据
前端需要 懒加载渲染图片,即 懒加载,用独立请求图片 base64 接口 接口数据格式为 json,其中一个字段为 图片 base64 数据
目前是获取消息列表时 同步处理,并发拿图片 base64, 消息列表显示出来比较慢
怎么能优雅实现这样的需求
举报
·
62 次点击
登录
注册
站外分享
微信扫一扫
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
返回顶部