### ExtJS3核心手册知识点详解
#### 一、Ext Core 概述
- **定义**：Ext Core 是一款轻量级的 JavaScript 库，具备多种功能，并且采用 MIT 许可发布，支持开发者进行快速 Web 开发的同时确保代码的质量与可扩展性。
- **主要特性**：提供对 DOM 操作、Ajax 调用、事件处理、动画效果、模板引擎以及面向对象编程的支持。
- **适用范围**：适合用于一般的动态网页和简单的应用程序开发。
#### 二、下载与安装
- **下载方式**：可在官方页面直接下载最新版本。
- **文件类型**：
- **调试版本**（`ext-core-debug.js`）：包含完整的代码结构和注释，适用于开发阶段，便于调试和错误排查。
- **产品版本**（`ext-core.js`）：经过压缩和混淆处理，体积更小，适用于生产环境部署。
- **引入方法**：
- 引入调试版本：`<script src="ext-core-debug.js"></script>`
- 引入产品版本：`<script src="ext-core.js"></script>`
#### 三、最简单的使用示例
```javascript
// 确保 Ext Core 完全加载后执行代码
Ext.onReady(function() {
// 向 body 元素追加一个新的段落
Ext.DomHelper.append(document.body, {tag: 'p', cls: 'some-class'});
// 更新段落的内容
Ext.select('p.some-class').update('Ext Core successfully injected');
});
```
这段示例代码展示了如何利用 `Ext.onReady` 函数等待 Ext Core 完全加载后再执行后续操作，以及如何使用 `Ext.DomHelper` 和 `Ext.select` 方法来添加和更新 HTML 元素。
#### 四、元素（Element）
- **获取元素**：通过 `Ext.get` 方法可以创建 `Ext.Element` 的实例，进而封装和操作 DOM 元素。
```javascript
var el = Ext.get('myElementId');
```
- **Ext.Element 类**：提供了丰富的 DOM 操作方法，可以分为以下几类：
- **CSS 与样式**：如 `setStyle`、`addClass` 等方法，用于设置元素的样式。
- **DOM 查询与遍历**：如 `query`、`select`、`findParent` 等方法，用于查找和筛选 DOM 结构。
- **DOM 操控**：如 `createChild`、`remove` 等方法，用于创建、移除或修改 DOM 元素。
- **方位与尺寸**：如 `getHeight`、`getWidth` 等方法，用于获取元素的位置和大小。
#### 五、工具与调试
- **Firebug**：一个常用的浏览器插件，可用于调试 JavaScript 代码。可以使用 `console.dir` 命令查看 `Ext.Element` 对象的方法列表。
#### 六、手册作者与翻译
- **作者**：Tommy Maintz、Aaron Conran、James Donaghue、Jamie Avins 与 Evan Trimboli。
- **翻译**：手册的中文翻译工作由 Ext 中文站（ajaxjs.com）负责，主要译者是 frank，翻译工作基于 GNU Free Documentation License 许可进行。
#### 七、文档贡献
- **文档来源**：手册部分内容借鉴自《Ext2.x 中文文档》，该文档是由 frank 与南宫小骏等多位 Ext 爱好者共同协作完成。
#### 总结
Ext Core 提供了一套完整的解决方案，不仅简化了 Web 开发过程中的常见任务，还为开发者提供了强大的工具集。无论是对于初学者还是经验丰富的开发者来说，掌握 Ext Core 都能显著提升开发效率和应用性能。通过深入了解其提供的各种功能和方法，可以帮助开发者更好地利用该库构建高效、稳定的 Web 应用程序。
