extjs是什么,是什么让你的ExtJS应用程序运行缓慢?


本文说的“缓慢”,是只运行时 的缓慢,而不是只加载资源的时间。
在过去的一年半以来,我一直与Robert Bosch在Bosch软件创新公司工作,在那里我们的前端技术堆栈非常依赖ExtJS。我有机会开发Visual Rules Web Modeler机器协助开发其它几个基于ExtJS的应用,因此,我积累了不少与ExtJS应用常见的性能问题有关的经验。
在这篇文章中,我将与你们分享导致ExtJS应用运行缓慢的瓶颈问题,并指出ExtJS开发者最容易犯的错误。
本文提及的ExtJS是指版本3.3.x及以下版本的ExtJS。
1、过度的Ext.Panel定义
在我看来,最常用的ExtJS组件是Ext.Panel。在ExtJS里定义一个面板太简单了,因而很多开发人员很容易就会过度的定义它。下面是一个典型的嵌套了子面板的面板定义:
Java代码 收藏代码复制代码是什么让你的ExtJS应用程序运行缓慢?extjs是什么收藏代码复制代码是什么让你的ExtJS应用程序运行缓慢?extjs是什么
  1. var window = new Ext . Window ( {
  2. closeAction : ' hide ' ,
  3. title : ' The Untitled '
  4. } ) ;
  5. window . show ( ) ; // render and display the window
  6. window . hide ( ) ; // the window is not destroyed but _disibledevent=>var window = new Ext . Window ( { closeAction : ' hide ' , title : ' The Untitled ' } ) ; window . show ( ) ; // render and display the window window . hide ( ) ; // the window is not destroyed but _disibledevent=>
    Tags: 

    延伸阅读

最新评论

发表评论