首页 > 代码库 > 深入学习ExtJS4.2(1)

深入学习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中再去读这个类更具体的信息。这种动态方式还是不错的,因为毕竟ext-debug这个JS还算是比较小的。

来看看FIREBUG,结果是最好的证明。

深入学习ExtJS4.2(1)