最近在做一个基于Ajax的应用系统,使用的JavaScript框架是jQuery1.2.6,布局是基于div+css的box模型。开发过程中可能是由于机器的原因,一直没有觉察出应用有什么异常,直到应用提交测试组后。由于测试组的机器较差一些,在某台机器上测试时偶尔会出现短暂的抽搐。。。后来测试人员发现在打开应用的浮动div层时,cpu会飙升起来,最高能到70~80%,平均保持在40%+。即使在没有什么操作的情况下亦如此。
应用并不复杂,浮动div层也是公用的,里面最复杂的时候也不过60行html代码加上7、8个事件,简单的时候里面可能就有一个3行数据的table;每次关闭浮动层会清空里面的html代码;与浮动层同时展现的还有个位于它的遮罩层。应用在ie6~7运行时只要有浮动层出现,cpu就会高起来,关闭浮动层或者离开这个浏览器页面cpu都会降下来。但是对浏览器里的非浮动的div层无论怎么操作,cpu也不会涨到这个水平。。。灰常不解。。。
在网上也查了一阵子,没找到靠谱的信息。不知道哪位有经验的兄弟指点一下,谢谢!平时登陆较少,所以积分不多,见谅、见谅。。。
至少你现在从这个问题学到了经验也不错,
这个图片一般让美工来做,压缩一下之类的,
单步跟踪下这个div的创建过程,看到底哪一步js语句导致这个cpu占用过高
就是调试显示这个浮动div的js代码嘛,看走到哪步的时候cpu这么高,这样才能定位问题嘛
逐步调试,alert(“everything”)!
是不是DIV的跟随鼠标移动的监控方法有问题,如不停的循环,或者多次调用间隔很短时间
那你换一张一般的图片看看会不会是因为这张图片导致的