深入学习ExtJS4.2（1）

接触ExtJS4.2也有一段时间了，总的觉得还是个不错的JS库，虽然体积略大了点。现在想根据官网提供的API，再结合自己一些的认知，重新审视学习一下它。

首先想谈一下ExtJS4.2中的动态加载功能。因为在HTML文件中一次性把1.4MB的ext-all.js文件引入进来着实有点太大了（这恐怕是为什么一般的小型WEB程序都不用它的原因吧），所以考虑使用Dynamic Loading功能。我们先来测试一下这个功能，并且配合FireBug来进行调试。首先来看下我代码的截图。

可以看到右边的目录里有ext-all-debug.js和ext-debug.js。我这里引用的是ext-debug.js，它并不是全部的EXT核心组件，但是这个文件可以指引我们去取所需要的EXT类。我的app.js代码如下：

可以看到，当JS解析到这里的时候，首先会去到ext-debug.js里面去读Ext.application类的定义，紧接着再要去src/app/Application.js中再去读这个类更具体的信息。不过话说回来，这种动态加载模式个人感觉也并不是太好，

来看看FIREBUG，结果是最好的证明。可以看到下图，我们虽然只加载了一个Application,但是关联了这么多东西。。好吧，我们以后还是干脆直接引用ext-all.js算了。