ExtJS4.2：前端富客户端开发框架详解

"本文将详细介绍ExtJS 4.2的目录结构和关键文件，以及它们在构建富客户端应用程序中的作用。" ExtJS是一个流行的JavaScript库，专门用于开发富互联网应用程序（RIA），提供强大的前端用户界面。它独立于任何特定的后台技术，让开发者能够专注于创建交互性强、功能丰富的Web应用。 在ExtJS 4.2中，其目录结构分为以下几个关键部分： 1. **builds**：这个目录包含了不同构建版本的ExtJS库，例如压缩和未压缩的版本。这通常用于生产环境和开发环境，分别使用体积较小的优化版本和便于调试的完整版本。 2. **docs**：文档目录，包含ExtJS的API参考手册和其他相关文档，帮助开发者理解和使用框架的各种组件和功能。 3. **examples**：示例代码目录，提供了许多实际应用场景的代码，帮助开发者学习和借鉴如何使用ExtJS构建特定功能。 4. **locale**：本地化资源目录，包含了不同语言的翻译文件，如`ext-lang-zh_CN.js`是中文语言包，支持国际化应用。 5. **packages**：扩展包目录，允许开发者或社区创建可复用的组件库，方便进行模块化的开发。 6. **resources**：包含框架所需的CSS样式表、图片和其他静态资源。例如，`ext-all.css`是主要的样式文件，定义了ExtJS组件的默认外观。 7. **src**：源码目录，存放所有ExtJS的JavaScript源文件，开发者可以在这里查看和修改框架的源代码。 在运行一个ExtJS应用时，主要关注以下文件： - **bootstrap.js**：引导加载文件，通常在页面加载时负责初始化ExtJS环境。 - **ext-all.js** 和 **ext-all-debug.js**：这是核心库文件，包含所有ExtJS组件和功能。前者是压缩和优化过的版本，适用于生产环境；后者是未压缩的，包含调试信息，适合开发环境。 - **ext.js** 和 **ext-debug.js**：这两个文件在早期版本中使用，但4.2版本中已经被`ext-all.js`和`ext-all-debug.js`取代。 - **ext-dev.js** 和相关的文件：这些可能是开发过程中的临时文件或特定版本的构建产物。 加载顺序通常是： 1. 包含`bootstrap.js`，它会根据配置加载必需的类和资源。 2. 引入`ext-all.js`或`ext-all-debug.js`，提供整个ExtJS框架的核心功能。 3. 如果需要本地化支持，会加载`locale`目录下的相应语言文件，如`ext-lang-zh_CN.js`。 4. 最后，根据应用需求，可能还需要引用`resources`目录下的CSS文件和其他资源。 通过理解这个目录结构和文件用途，开发者可以更高效地组织和构建基于ExtJS 4.2的应用程序，确保代码的可维护性和性能。