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

在使用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下的问题也比较大

相关推荐

    dwz时间控件

    2. **触发按钮**:通常会配合一个触发按钮(如上面的`<a>`标签),当用户点击该按钮时,将弹出日期时间选择器。 3. **JavaScript初始化**:需要通过JavaScript代码初始化dwz时间控件,使其能够正常工作。 #### 四、...

    国产的UI,DWZ

    总之,DWZ UI是一个专为国内开发者打造的前端框架,它结合EXT.js的优点并进行了本土化改进,提供了一套高效、便捷的UI解决方案,对于快速开发高质量的Web应用来说,DWZ UI是一个值得考虑的选择。

    dwz - 简单实用国产jQuery UI框架 - DWZ富客户端框架(jUI)

    在实际开发中,使用DWZ可以显著提高开发效率,减少重复工作,同时保证应用的稳定性和性能。对于不熟悉前端技术的开发团队,DWZ也是一个很好的选择,因为它降低了前端开发的门槛,使得更多精力可以集中在业务逻辑上。...

    JUI(DWZ)集成第三方布局插件

    DWZ是一个轻量级的前端框架,它提供了完整的页面解决方案,包括页面布局、表单处理、Ajax交互、提示信息、对话框等功能。它的核心思想是简化前端开发,让开发者可以更专注于业务逻辑而不是繁琐的页面样式和脚本编写...

    DWZ框架及使用教程

    在DWZ富客户端框架使用手册中,你将了解到如何初始化一个DWZ项目,包括设置基本配置、引入框架文件、创建基本页面结构等步骤。手册还会详细介绍如何利用DWZ的API和CSS类来定制和扩展组件,满足个性化需求。例如,你...

    DWZ富客户端框架使用手册

    DWZ富客户端框架是一款广泛应用在Web开发中的前端框架,它以提高用户体验为目标,通过丰富的交互设计和高效的页面渲染,使得Web应用更具响应性和易用性。本使用手册将全面介绍DWZ框架的核心特性、安装配置、基本使用...

    DWZ帮助文档 PDF版

    在使用DWZ框架时,开发者需要了解如何初始化框架,如何通过JavaScript对页面元素进行操作,以及如何与后端进行数据交互。DWZ提供了详细的API文档和示例代码,供开发者快速上手。 关于DWZ框架的js库,它主要包括了多...

    dwz 使用手册和详细介绍

    此外,社区和官方论坛提供了丰富的示例、教程和问题解答,有助于开发者解决实际开发中遇到的问题。 综上所述,DWZ是一个强大的前端开发框架,它通过集成HTML、CSS、jQuery和Ajax,极大地简化了开发流程,提升了开发...

    基于dwz搭建的一个网站源码

    在本项目中,使用的是DWZ的1.4.6版本,该版本对性能进行了优化,并修复了一些已知问题。DWZ的核心特点是它的页面管理机制和Ajax无刷新交互,使得页面加载更为流畅。 【Nginx服务器】 Nginx是一款高性能的HTTP和反向...

    dwz最完整demo

    在“dwz-demo”这个压缩包中,你可以找到各种DWZ框架的使用示例,如不同的页面布局、组件使用方法、AJAX操作的实现等。通过对这些示例的学习和实践,你可以更好地理解DWZ的运作机制,熟练运用到自己的项目中。 总的...

    dwz,ztree整合,操作都在头部

    DWZ(Design Without ZIndex)是一个基于jQuery的前端开发框架,它提供了一套完整的UI组件,包括布局、表单、对话框、提示、菜单等,使得开发者能够快速构建响应式的、用户体验良好的Web应用。DWZ强调简化CSS层叠...

    j-ui dwz 好文件

    标题中的“j-ui dwz 好文件”很可能是指基于Java开发的一款名为“j-ui”的用户界面框架,其中“dwz”可能是该框架的一个特定版本或者一个子项目名称。DWZ全称可能为“Design Without Z-index”,它可能是一个专为...

    dwzteam_dwz_jui_maste

    DWZ UI是一个广泛使用的JavaScript和CSS框架,专为构建响应式和交互式的Web应用程序而设计。这个项目的名称暗示了它是DWZ UI的一个master分支或者版本,可能包含了框架的核心代码和最新的功能更新。 在DWZ UI框架中...

    DWZ中文开发手册

    这一特性使得DWZ成为了一个理想的开发工具,尤其对于那些JavaScript基础较弱的开发者。 #### 学习DWZ的建议 为了更有效地学习和运用DWZ框架,以下几点建议可供参考: 1. **熟悉HTML和CSS**:尽管DWZ减少了对...

    dwz框架官网实例

    DWZ官方提供详尽的文档和活跃的社区,遇到问题时可以参考文档或向社区寻求帮助,这对于学习和使用DWZ来说是非常重要的。 通过“dwz框架官网实例”,我们可以深入学习DWZ框架的使用,从基础组件的使用到复杂功能的...

    DWZ+富客户端框架使用手册_IT168文库.pdf

    - **IIS不能使用Ajax解决方案:**提供了在IIS环境下使用Ajax时遇到问题的解决办法。 - **jQuery 1.4.2和jquery.validate.js在IE的兼容问题:**讨论了如何解决旧版jQuery和验证插件在Internet Explorer浏览器中的...

    DWZ富客户端框架使用手册.zip,离线版

    DWZ,全称Dynamic Web Zone,是一个基于Ajax技术的开源JavaScript框架,专为构建富互联网应用(Rich Internet Applications,RIA)而设计。该框架致力于提供一套完整的前端解决方案,包括页面布局、表单处理、数据...

    dwz_v3.0中国人自己的ui框架

    DWZ v3.0是其发展过程中的一个重要版本,集成了jQuery库,使得页面渲染更加流畅,用户体验更为出色。 一、框架概述 DWZ v3.0的核心理念在于提升开发效率,简化前端工作流程,同时确保页面的交互性和响应性。它不仅...

    DWZ使用帮助文档

    - **补充说明和常见问题**: 官方文档中还提供了许多关于使用框架时可能遇到的问题及其解决方案的详细介绍,这些资料对于初学者来说非常宝贵。 总结而言,DWZ框架以其独特的设计理念和丰富的功能集,在众多前端框架...

Global site tag (gtag.js) - Google Analytics