编程 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对象的代码分享

Nov 02 Javascript

js判断数据类型如判断是否为数组是否为字符串等等

Jan 15 Javascript

node.js中watch机制详解

Nov 17 Javascript

JS简单编号生成器实现方法(附demo源码下载)

Apr 05 Javascript

Webpack打包css后z-index被重新计算的解决方法

Jun 18 Javascript

vue 将页面公用的头部组件化的方法

Dec 18 Javascript

JavaScript实现的反序列化json字符串操作示例

Jul 18 Javascript

在Vue中使用axios请求拦截的实现方法

Oct 25 Javascript

深入浅析Vue 中 ref 的使用

Apr 29 Javascript

JS实现滚动条触底加载更多

Sep 19 Javascript

layui table单元格事件修改值的方法

Sep 24 Javascript

深入理解javascript中的this

Feb 08 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

DC《神奇女侠2》因疫情推迟上映温子仁新恐怖片《恶性》撤档

2020/04/09 欧美动漫

mysql中存储过程、函数的一些问题

2007/02/14 PHP

php实现俄罗斯乘法实例

2015/03/07 PHP

PHP的PDO操作简单示例

2016/03/30 PHP

改善你的jQuery的25个步骤千倍级效率提升

2010/02/11 Javascript

jQuery中与toggleClass等价的程序段以及未来学习的方向

2010/03/18 Javascript

基于JQUERY的两个ListBox子项互相调整的实现代码

2011/05/07 Javascript

用dtree实现树形菜单 dtree使用说明

2011/10/17 Javascript

JavaScript异步编程Promise模式的6个特性

2014/04/03 Javascript

瀑布流布局代码一例

2014/04/11 Javascript

使用原生js实现页面蒙灰(mask)效果示例代码

2014/06/20 Javascript

JavaScript用JQuery呼叫Server端方法示例代码

2014/09/03 Javascript

js常用系统函数用法实例分析

2015/01/12 Javascript

javascript动态创建表格及添加数据实例详解

2015/05/13 Javascript

javascript简单实现类似QQ头像弹出效果的方法

2015/08/03 Javascript

javascript使用输出语句实现网页特效代码

2015/08/06 Javascript

纯js实现瀑布流布局及ajax动态新增数据

2016/04/07 Javascript

Ionic如何创建APP项目

2016/06/03 Javascript

原生js实现商品放大镜效果

2017/01/12 Javascript

js打开word文档预览操作示例【不是下载】

2019/05/23 Javascript

改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件

2019/07/13 Javascript

Python Mysql数据库操作 Perl操作Mysql数据库

2009/01/12 Python

Python中函数参数设置及使用的学习笔记

2016/05/03 Python

Python不同目录间进行模块调用的实现方法

2019/01/29 Python

python自动发微信监控报警

2019/09/06 Python

基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解

2020/06/08 Python

python实现测试工具（二）——简单的ui测试工具

2020/10/19 Python

关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题

2020/11/24 Python

最新奶茶店创业计划书范文

2014/02/08 职场文书

船舶工程技术专业求职信

2014/08/07 职场文书

做人民满意的公务员活动方案

2014/08/25 职场文书

科技馆观后感

2015/06/08 职场文书

感恩教育观后感

2015/06/17 职场文书

Python爬虫数据的分类及json数据使用小结

2021/03/29 Python

Python爬虫基础初探selenium

2021/05/31 Python

ant design vue的form表单取值方法

2022/06/01 Vue.js