`
qnwang
  • 浏览: 5318 次
  • 来自: ...
文章分类
社区版块
存档分类

在使用dwz和LigerUI进行布局初始化时遇到的一个性能问题(已解决)

阅读更多
最近在项目中使用dwz和LigerUI等UI组件进行页面布局时,碰到了性能方面的问题

出现问题的测试环境:windows 7 + ie8

操作步骤:

一、编写写JS在页面加载时,利用框架提供的接口对页面进行初始化
            如:DWZ.init或$('layout').ligerLayout

二、将浏览器窗口变为正常显示状态(非“最大化”、“最小化”,可以resize操作)


三、用resize操作(鼠标在边框上拖动)不断改变浏览器窗口的大小,如此
    持续3~5秒左右后浏览器进入死机无响应状态,只能“结束任务”或“关
    线程”。在改变浏览器窗口高度尤其是由大往小变时,此问题特别明显。


经实际测试此问题在ie8上出现,ie9和firefox无此问题,ie6没有测试过。

不知道大虾们在项目中有没有碰到过类似的性能问题,可有什么解决的办法?希望可以探讨一下!

此问题已经解决,解决方法如下:
将插件resize操作的执行机制由实时改为异步。通过定时扫描(我用的100毫秒)当发现浏览器窗口不再执行resize操作时,再执行插件的resize操作重画布局。此方法需要修改布
局插件的源代码。

附件是我编写的定时扫描工具,水平一般权当给大家个参考!
分享到:
评论
1 楼 sntei 2012-07-21  
嗯,ie6下的问题也比较大

相关推荐

Global site tag (gtag.js) - Google Analytics