怎样让extjs跑的更快,效率更高,大伙一起讨论一下?

newtypelv_9 发布于 2012/03/24 11:25
阅读 2K+
收藏 2

extjs提供了华美的界面和类似swing的开发方式,终究是使用了javascript,在客户端浏览器中呈现,效果很好,效率很低,运行缓慢特别在列表中如果数据量超过40-50条拖拉列表极为缓慢,如果列表上再加入了编辑框,那会更加缓慢,几乎会把浏览器搞得没有响应。

自己项目的结构,整个项目都是用面向对象的方式编写javascript,也就是说如果要开发一个面板(panel),会这么写: 

myPanel=new function(){
//初始化config等其他工作
//调用父类构造函数
}
Ext.extends(myPanel,Ext.Panel);

 整个项目就首页用到了jsp然后吧所有的js文件打包成一个一下子载入,我曾经想通过重复利用变量的方式来提高效率,例如不是每次再new myPanel(), 但发现始终不行,都是错误,extjs的内部错误。

大伙有没有什么好的思路,使用extjs的方式,还有重复利用变量的方式,其他方面的可以谈谈。

加载中
0
owlinrye
owlinrye

extjs 在IE中肯定是很卡的  浏览器改用firefox和opera就很快了,特别是使用opare会快很多。另外关于优化extjs我有很多经验:

1. 使用core版的,也就是发布版的,不要用debug版的

2. 编码时考虑面向对象化,你那个还不叫面向对象化,你可以统计一下你的系统会分别展示在几种界面上,自己将这几种界面创建成不同的类,(该类已经整合了from和grid以及其它元素)然后遇到这种界面就调用这种类。这样其实代码是可以优化到60%,因为基本一个系统一般也就有大致3到4种不同的界面。使用这种方式将大大提高代码效率。

其实你可以研究一下extjs的真正的思想,了解之后,尝试着自己写控件。

0
Midnight
Midnight
还是从UI上下手吧, 如果是IE下跑 有大量滤镜
0
Midnight
Midnight
你可以把风格改成 Metro的肯定快, 哈哈哈
0
newtypelv_9
newtypelv_9

引用来自“Midnight”的答案

你可以把风格改成 Metro的肯定快, 哈哈哈

哈哈,这个真没考虑过,我们是做企事业单位内部系统的,客户审美观都不太一样的, 越是个性化的东西越遭人批。

0
hantsy
hantsy
不用它就行了
0
newtypelv_9
newtypelv_9

引用来自“hantsy”的答案

不用它就行了

哈哈,现在也想不用它了,发现没有较好的选择,又不想回到原来的jsp+tag界面上去。

0
Midnight
Midnight
楼主女技术?
0
布谷鸟
布谷鸟
有个easyui,基于jquery的,推荐楼主试一试,比较轻量,可能没有ext那么炫,ext太肥
0
用户已屏蔽
用户已屏蔽
从不用这个UI
0
szmneo
szmneo
50条缓慢?!我这里100多就没事啊……
返回顶部
顶部