Extjs是从yui-ext发展来的一套ajax控件，是一套完整的富客户端解决方案，也因为功能完整，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以为是基于js和css的功能实现，对客户端机器性能也有一定的要求，比如对ie6以下版本的不支持。
ExtJS 是一套强大的富客户端JavaScript库，源自YUI-Ext，致力于提供丰富的用户界面组件和交互体验。作为一套完整的客户端解决方案，它包含了多种Ajax控件，使得开发者可以在Web应用中构建复杂的桌面级用户体验。尽管其功能强大，但这也意味着ExtJS的库文件体积较大，例如ext-all.js 在版本3.2.0时达到了600多KB，这可能会对加载速度和客户端性能造成一定影响，特别是对旧版浏览器如IE6的支持并不理想。
学习ExtJS的第一步通常是创建一个简单的“Hello World”程序。在开始之前，你需要从ExtJS官网下载最新版本的开发包，并将其解压缩到项目目录中。通常，你需要包含以下几个关键文件：
1. `resources/css/ext-all.css`：这是ExtJS的默认样式表，用于定义组件的外观，如果不引入，界面将无法正常显示。
2. `adapter/ext/ext-base.js`：基础脚本文件，包含ExtJS的核心功能和组件架构。
3. `ext-all.js`：包含了所有ExtJS组件和功能的合并文件，是使用ExtJS开发的必需文件。
4. `Extjs3.2.0/src/locale/ext-lang-zh_CN.js`：中文语言包，方便中国开发者阅读和理解提示信息。
在创建“Hello World”程序时，你可以在HTML页面中引入这些文件，然后利用JavaScript编写代码。以下是一个基本示例，展示如何使用ExtJS弹出一个对话框显示“Hello World”：
```html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<link href="Extjs3.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="Extjs3.2.0/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="Extjs3.2.0/ext-all.js" type="text/javascript"></script>
<script src="Extjs3.2.0/src/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
<script type="text/javascript">
function openMsg() {
Ext.MessageBox.alert('状态', 'Hello World');
}
</script>
</head>
<body onload="openMsg();">
</body>
</html>
```
在这个例子中，`openMsg`函数会在页面加载完成后调用，通过`Ext.MessageBox.alert`方法弹出一个警告对话框，标题为“状态”，内容为“Hello World”。
在深入学习ExtJS的过程中，你需要了解其组件模型、布局管理、数据绑定、事件处理机制等核心概念。组件是ExtJS的基础，包括窗口（Window）、面板（Panel）、表格（Grid）、表单（Form）等，这些组件可以通过灵活的布局系统来组合和定位。数据绑定允许你将组件与后台数据源连接，实现数据的实时更新和同步。事件处理则让你能够响应用户的操作，实现交互性。
此外，ExtJS还提供了强大的API文档和示例，帮助开发者更好地理解和使用其功能。在实际开发中，你可能还会遇到性能优化、自定义组件、国际化支持等问题，这些都是提升ExtJS应用质量和用户体验的关键点。
ExtJS是一个功能强大的JavaScript框架，虽然其文件大小可能对某些环境构成挑战，但其丰富的组件库和强大的功能使得它可以构建出高效、美观的富客户端应用。通过不断学习和实践，你可以掌握这个工具并利用它来提升Web应用的用户体验。
