css背景图片加载失败,页面部分图标无法显示
2024-08-24 00:28:11
1、问题表现:首屏缺失部分图标。点击按钮切换为激活状态时,部分按钮的激活态图标无法显示。
2、问题原因:网络极差,断断续续,点击时添加class:active变为激活态,
active.png这张图片是在添加active这个class才加载的,
css背景图片只加载一次,不管成功还是失败都不再加载第二次了,
所以刚好网络断掉时加载了active.png失败,不刷新的话,以后就再也看不到这张图片了
3、解决办法:
方法一: 把所有图片做成spirit图,首次就可以把所有图片加载好,不会出现部分图片丢失的怪异情形
方法一:(1) 检测图片丢失,我是让android端的app开发检测并调用我的前端 js 图片加载程序
(2) 前端 js 图片加载程序的实现:取app后台传出的加载失败的图片路径,用js将此路径绑定到style标签的任意class即可实现重新加载图片
注解:
1、 前端检测背景图片加载失败,我不知道有什么好办法,window.addEventListener('error',function(e){})这种方法检测不到背景图片加载失败
2、js在style标签中引入新的url ,会让页面刷新
最新文章
- android 自定义通知栏
- [转]看部电影,透透彻彻理解IoC(你没有理由再迷惑!)
- javascript对象引用与赋值
- windows下运行的linux服务器批量管理工具(带UI界面)
- javascript 红宝书笔记之函数、变量、参数、作用域
- zzulioj 1907小火山的宝藏交易(dfs记忆化搜索)
- Java与线程
- Apache Kafka源码分析 - KafkaApis
- ackerman递归
- 删除map容器中指定的元素
- 内容提供者(Content Provider)——跨程序共享数据
- drawableLayout的使用(转载讲的比较清晰的文章)
- HTML 基本语法速查
- MySQL数据库crash的问题分析
- PID控制器(比例-积分-微分控制器)- IV
- 【插头dp】 hdu4285 找bug
- EL的隐含对象 (二)【访问作用域范围的隐含对象】
- Shelld5的使用
- JS自学总结的零散知识点
- 零基础学python-7.2 字符串常量