EXT文档 不下后悔.doc

EXT文档主要涵盖了EXT组件的使用和EXT框架的基本结构与配置。EXT是一个强大的JavaScript库，用于构建富客户端Web应用程序。以下是对EXT文档中的关键知识点的详细解释： 1. **EXT组件和配置**： - `adapter`目录：包含了EXT库与不同底层库（如jQuery）的适配器，使EXT能兼容不同的JavaScript库。 - `build`目录：存储了经过压缩的EXT源码，适用于生产环境。 - `docs`目录：提供了API帮助文档，方便开发者查找和学习EXT的功能和类库。 - `examples`目录：包含各种使用EXT技术实现的小实例，用于学习和参考。 - `resources`目录：存放EXT的UI资源，如CSS样式文件和图片。 - `source`目录：包含未压缩的EXT源码，便于开发和调试。 2. **核心文件**： - `ext-all.js`：压缩后的EXT完整库，适用于发布版本，减少页面加载时间。 - `ext-all-debug.js`：未压缩的EXT完整库，用于开发和调试，便于理解代码逻辑。 - `ext-core.js`：EXT的核心组件，包含了`sources/core`下的所有类。 - `ext-core-debug.js`：未压缩的EXT核心组件，同样用于调试。 3. **HTML引用**： - 在HTML页面中，通常会引入`ext-all.css`作为EXT的全局CSS样式，`ext-base.js`作为EXT的基础库，以及`ext-all.js`或`ext-all-debug.js`作为EXT的主要库。 4. **EXT命名空间和类的创建**： - 使用`Ext.namespace()`定义命名空间，例如`CjExt.test`，以避免全局变量冲突。 - `CjExt.test.Person`类的创建展示了EXT构造函数和`Ext.apply()`方法的应用，用于初始化对象属性。 - 类的继承在EXT中通过`Ext.extend()`实现，有两种形式，其中第二种形式允许在已有的类上扩展新的功能。 5. **类继承**： - EXT支持两种类继承方式： 1. `MyClass = Ext.extend(SuperClass, { /* */ });` 2. `MyClass = Ext.extend(MyClass, SuperClass, { /* */});` - 示例中展示了第二种方式，`CjExt.test.Student`类继承自`CjExt.test.Person`，并覆盖了`print()`方法。 6. **类方法调用**： - 类的实例可以通过JavaScript的`new`关键字创建，如`var student = new CjExt.test.Student({name: 'John', age: 20, id: 123});`。 - 实例方法可以通过`.`操作符调用，如`student.print();`。 EXT文档对于理解和使用EXT框架至关重要，它提供了EXT的组件结构、配置、资源管理和类继承等核心概念的详细说明。开发者可以借助这些知识创建高效、美观且功能丰富的Web应用。在开发过程中，根据实际情况选择适当的库版本，并利用提供的API文档和示例进行学习和实践，能有效提高开发效率。