HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高


Posted in Javascript onMarch 09, 2021

案例

<!--
loading.gif 初始显示的等待小图片
realPath.jpg 真实需要显示的大图
-->
<img src="loading.gif" onload="this.src='realPath.jpg'">

以上写法会出现内存溢出,导致浏览器的CPU占用过高,以至于各种CSS的效果出现卡顿

解决方案

<img src="loading.gif" onload="this.src='realPath.jpg'; this.onload=null;">

 

CHROME使用 Shift + Esc 查看标签进程的CPU及内存占用,完美解决了。

Javascript 相关文章推荐
JavaScript 学习笔记二 字符串拼接
Mar 28 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
小程序实现悬浮搜索框
Jul 12 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
详解ES6 中的Object.assign()的用法实例代码
Jan 11 Javascript
你可能不再需要JQUERY
Mar 09 #Javascript
JS中剪贴板兼容性、判断复制成功或失败
Mar 09 #Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JS 统计时间
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
You might like
用PHP 快速生成 Flash 动画的方法
2007/03/06 PHP
php join函数应用
2011/05/04 PHP
PHP面向对象概念
2011/11/06 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
javascript读取xml
2006/11/04 Javascript
Sample script that deletes a SQL Server database
2007/06/16 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
解决layui的input独占一行的问题
2019/09/10 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
vue.config.js常用配置详解
2019/11/14 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
Python简单的制作图片验证码实例
2017/05/31 Python
django中的HTML控件及参数传递方法
2018/03/20 Python
python矩阵的转置和逆转实例
2018/12/12 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
Linux Interview Questions For software testers
2012/06/02 面试题
外科实习自我鉴定
2013/10/06 职场文书
基层工作经历证明
2014/01/13 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
先进典型事迹材料
2014/12/29 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
辞职信怎么写?你都知道吗?
2019/06/24 职场文书