Ext调试和学习模式

标签:, , , , , , , , , ,

使用ext-all-debug来对Ext的源码进行跟踪不知道大家有没有耍过,我尝试过,那是相当痛苦,因为ext-all-debug这种3万多行代码的源文件用编辑器打开非常慢,其他我不知道,我用的是eclipse,选择一下就要卡好久。暂且这点不说吧,定位也是一个难点,很难区别调试的那一行到底是属于那个范畴的。所以,要想好好学习Ext的精髓所在,搞清那些js文件的关系是很重要的,js文件要一个一个引入。下面是最基本的12个js文件,注意!一定要保持这样的顺序,它们是Ext的基石,其实也是ext-core-all.js的内容

  1. <script type="text/javascript" src="Ext.js"></script>
  2.     <script type="text/javascript" src="ext-base.js"></script>
  3.     <script type="text/javascript" src="DomHelper.js"></script>
  4.     <script type="text/javascript" src="Template.js"></script>   
  5.     <script type="text/javascript" src="DomQuery.js"></script>
  6.     <script type="text/javascript" src="Observable.js"></script>
  7.     <script type="text/javascript" src="EventManager.js"></script>   
  8.     <script type="text/javascript" src="Element.js"></script> 
  9.     <script type="text/javascript" src="Fx.js"></script>
  10.     <script type="text/javascript" src="CompositeElement.js"></script>
  11.     <script type="text/javascript" src="UpdateManager.js"></script>   
  12.     <script type="text/javascript" src="DelayedTask.js"></script>

这些文件可以在源代码文件夹里找到

另外,这里可以看Ext所有js文件的相互关系

URL

Ext js all relationship







留言