ext中文手册

### ExtCore中文手册知识点解析####一、ExtCore概述**ExtCore**是一款轻量级的JavaScript库，它在2009年期间被广泛使用，并且至今仍在某些项目中发挥重要作用。这款库旨在为开发者提供高效、高质量且可扩展的Web应用开发体验。 - **目标与理念**：ExtCore的目标是简化Web开发流程，同时保持代码的质量和可扩展性。它秉承快速开发的原则，同时也注重代码质量。 - **特性**：包括DOM操作、Ajax请求、事件处理、动画效果、模板引擎以及面向对象编程机制等核心功能的支持。 ####二、下载与安装- **下载途径**：用户可以从ExtCore官方网站或者指定页面下载最新版本。此外，还可以下载PDF格式的手册。 - **文件类型**：提供了两种版本的文件——调试版本(debug)和压缩混淆后的生产版本(production)。 - **调试版本**：用于开发环境，包含详细的错误信息，便于调试。 - **生产版本**：用于部署上线的环境，经过压缩和混淆处理，减少文件大小。 - **引入方式**：通过``标签引入相应的JavaScript文件即可。例如： ```html ``` ####三、基本使用示例- **加载检查**：加载完成后，可以通过简单的脚本来验证是否成功加载了ExtCore库。例如： ```javascript Ext.onReady(function() { Ext.DomHelper.append(document.body, { tag: 'p', cls: 'some-class' }); Ext.select('p.some-class').update('ExtCore successfully injected'); }); ``` ####四、Ext.Element类**Ext.Element**是ExtCore的核心类之一，用于封装浏览器中的HTML元素，提供了一系列强大的方法来操作DOM元素。 - **获取元素**：通过`Ext.get`方法可以创建一个Ext.Element实例，从而封装普通的HTMLElement对象。例如： ```javascript var el = Ext.get('myElementId'); ``` - **分类方法**： - **CSS与样式**：如`setStyle`用于设置样式，`addClass`用于添加CSS类。 - **DOM查询或遍历**：如`query`用于查找子元素，`select`用于选择元素，`findParent`用于查找父元素。 - **DOM操控**：如`createChild`用于创建子元素，`remove`用于移除元素。 - **元素的方位、尺寸**：如`getHeight`用于获取高度，`getWidth`用于获取宽度。 ####五、调试工具- **Firebug**：推荐使用Firebug这样的工具来观察Ext.Element实例上的方法列表。通过`console.dir()`命令可以查看对象的所有属性和方法。 ```javascript var el = Ext.get('myElementId'); console.dir(el); ``` ####六、关于手册- **编写人员**：本手册由Tommy Maintz、Aaron Conran、James Donaghue、Jamie Avins与Evan Trimboli共同撰写。 - **翻译及维护**：中文版手册由Ext中文站的成员维护，主要译者为frank。手册基于GNU Free Documentation License许可翻译而成，包括简体中文和繁体中文两个版本。 - **参考资料**：部分内容源自《Ext3.x中文文档》，该文档由frank与南宫小骏、善祥等多位Ext爱好者共同编撰。 ExtCore作为一款经典的JavaScript库，为Web开发者提供了丰富的功能，极大地简化了DOM操作和Web应用的开发过程。无论是对于初学者还是经验丰富的开发者来说，掌握ExtCore的基本使用方法都是非常有益的。