深入学习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,结果是最好的证明。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。