编程 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 相关文章推荐

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 职场文书