Ext Core 教程与详解

需积分: 9 143 浏览量更新于2024-08-02 收藏 735KB PDF 举报

"这篇文档是关于Ext Core的手册，由飞鸟整理，主要涵盖了Ext Core的基本介绍、下载方式以及如何引入到项目中。" 在Web开发领域，Ext Core是一个轻量级且功能丰富的JavaScript库，它遵循MIT许可证，旨在加速网页开发并促进良好设计和可扩展的代码。这个库提供了许多核心功能，包括DOM操作和遍历、Ajax交互、事件处理、自定义事件、动画效果、模板机制、面向对象机制等。由于其MIT许可，Ext Core非常适合用于动态网页或小型应用程序。下载Ext Core非常简单，你可以直接从提供的链接进行下载，最新的信息可以在Ext Core的项目页面上找到。这个库提供了调试版本和生产版本。调试版本保留了源代码的格式和注释，方便开发者在开发过程中获取更详尽的错误信息；而生产版本则进行了压缩（移除空白、换行和注释）和混淆（将局部变量名替换为简短形式），以减小文件大小，优化性能，适合部署到生产环境。要在项目中使用Ext Core，你需要根据开发和生产环境选择合适的版本。对于开发阶段，应使用调试版本，因为当遇到问题时，它会提供未混淆的、更具信息性的错误消息，有助于快速定位和解决问题。在准备部署时，应该使用生产版本，因为它经过优化，能提高页面加载速度，减少用户等待时间。引入Ext Core到HTML文件中，通常是在`<head>`标签内添加一个`<script>`标签。例如： ```html <script src="path/to/ext-core-debug.js" type="text/javascript"></script> ``` 这里，`path/to/ext-core-debug.js`应替换为调试版本库的实际路径。同样，如果使用生产版本，只需将文件名替换为`ext-core.js`。通过这样的引入，你就可以开始利用Ext Core提供的各种功能来构建你的Web应用。例如，你可以使用DOM操作方法来动态修改页面元素，利用Ajax接口与服务器进行异步通信，或者创建复杂的事件系统和动画效果。此外，Ext Core的模板机制允许你创建动态生成HTML内容，而其面向对象的机制则方便你构建可重用和模块化的组件。 Ext Core是一个强大的工具，为JavaScript开发提供了丰富的工具集，无论你是新手还是经验丰富的开发者，都能从中受益。通过深入学习和掌握Ext Core，可以显著提升Web应用的开发效率和质量。

select

Select takes a query and returns an Ext.CompositeElement or an array of

Ext.Elements. Also if you call this from an element it is used as the root to start the

query, if it is called from Ext.select the entire document is searched.

// CompositeElement of results is returned

Ext.fly('elId').select('div:nth-child(2)');

// Array of elements is returned

Ext.fly('elId').select('div:nth-child(2)', true);

// Entire document is searched

Ext.select('div:nth-child(2)');

query

Select takes a query and returns an array of dom nodes. Takes an optional root

element as a second argument, if this is not present it defaults to document root.

Ext.query('div:nth-child(2)'); // Array of dom nodes that

matched the selector

child

Child selects a single child at any given depth below the current element based on

the passed in selector.

Ext.fly('elId').child('p.highlight'); // returns an

Ext.Element

Ext.fly('elId').child('p.highlight', true); // returns a dom

node

down

Selects a single direct child based on the passed in selector.

Ext.fly('elId').down('span'); // returns an Ext.Element

Ext.fly('elId').down('span', true); // returns a dom node

parent

Gets the parent node for this element. If a selector is passed in it will go up the

chain looking for a match.

剩余61页未读，继续阅读

yczz

粉丝: 817
资源: 6

Ext Core 教程与详解

linuxext2、ext3、ext4、xfs

ext3和ext4有什么区别

linux ext4 ext3 xfs 的区别

raid1应该选择ext3还是ext4

linux 解压ext 文件

mkfs.ext4创建ext4文件系统

winhex中如何识别 ext3和ext4

使用mkfs命令为.每个分区设置文件系统，使用EXT4、EXT3、EXT2文件系统均允许

ext4、ext3、xfs文件系统的区别

raid5使用ext3还是ext4？

最新资源