编程 Javascript

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及内存占用，完美解决了。

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jquery实现的上传图片及图片大小验证、图片预览效果代码

Apr 12 Javascript

检查输入的是否是数字使用keyCode配合onkeypress事件

Jan 23 Javascript

JS高级调试技巧：捕获和分析 JavaScript Error详解

Mar 16 Javascript

js加入收藏夹代码(兼容ie/ff/op)

May 16 Javascript

javascript产生随机数方法汇总

Jan 25 Javascript

Javascript之Math对象详解

Jun 07 Javascript

详解使用create-react-app添加css modules、sasss和antd

Jul 31 Javascript

小程序实现留言板

Nov 02 Javascript

JS FormData对象使用方法实例详解

Feb 12 Javascript

JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】

May 12 Javascript

vue 通过 Prop 向子组件传递数据的实现方法

Oct 30 Javascript

使用Vant完成DatetimePicker 日期的选择器操作

Nov 12 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移动文件指针ftell()、fseek()、rewind()函数总结

2014/11/18 PHP

PHP实现扎金花游戏之大小比赛的方法

2015/03/10 PHP

php仿微信红包分配算法的实现方法

2016/05/13 PHP

javascript document.execCommand() 常用解析

2009/12/14 Javascript

Extjs列表详细信息窗口新建后自动加载解决方法

2010/04/02 Javascript

JQuery入门——事件切换之hover()方法应用介绍

2013/02/05 Javascript

ie下jquery.getJSON的缓存问题的处理方法

2013/03/29 Javascript

JS将制定内容复制到剪切板示例代码

2014/02/11 Javascript

js中confirm实现执行操作前弹出确认框的方法

2014/11/01 Javascript

javascript实现页面刷新时自动清空表单并选中的方法

2015/07/18 Javascript

浅谈Sticky组件的改进实现

2016/03/22 Javascript

js实现颜色阶梯渐变效果（Gradient算法）

2017/03/21 Javascript

vue bus全局事件中心简单Demo详解

2018/02/26 Javascript

vue element-ui 绑定@keyup事件无效的解决方法

2018/03/09 Javascript

详解webpack+ES6+Sass搭建多页面应用

2018/11/05 Javascript

解决 viewer.js 动态更新图片导致无法预览的问题

2019/05/14 Javascript

Vue.js组件实现选项卡以及切换特效

2019/07/24 Javascript

深入理解javascript prototype的相关知识

2019/09/19 Javascript

keep-alive不能缓存多层级路由菜单问题解决

2020/03/10 Javascript

[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片

2016/03/04 DOTA

简单的通用表达式求10乘阶示例

2014/03/03 Python

python实现神经网络感知器算法

2017/12/20 Python

Python 实现域名解析为ip的方法

2019/02/14 Python

Django Celery异步任务队列的实现

2019/07/24 Python

如何安装2019Pycharm最新版本(详细教程)

2019/09/26 Python

Python实现图片识别加翻译功能

2019/12/26 Python

迪卡侬英国官网：Decathlon英国

2017/04/08 全球购物

Theory美国官网：后现代都市风时装品牌

2018/05/09 全球购物

大一自我鉴定范文

2013/12/27 职场文书

保护地球的标语

2014/06/17 职场文书

2015年小学生新年寄语

2014/12/08 职场文书

新郎新娘答谢词

2015/01/04 职场文书

大学生入党群众意见书

2015/06/02 职场文书

大国崛起观后感

2015/06/02 职场文书

假如给我三天光明读书笔记

2015/06/26 职场文书

pnpm对npm及yarn降维打击详解

2022/08/05 Javascript