认识Extjs

ExtJs 是用Javascript、CSS和HTML等技术实现的主要用于创建用户界面，且与后台技术无关的前端Ajax框架，还被用来开发RIA（富客户端）的Web应用。

下面说说 ExtJs 4.0 的4个新特性：类定义、mixins、输入和输出配置及依赖加载

1.类定义： extjs4.0 引入了Ext.define()方法，可以通过类的字符串名定义和继承类，这就避免了由于类不存在报错。类管理器会自动检查类之间的依赖关系，因此我们不再需要维持一个严格的加载顺序。

2.mixins: 许多动态语言都支持这个特性，比如Ruby、Python. 而javascript在语言层没有mixins支持。mixins类似多继承，是一种细粒度的代码复用单元。它定义了一套可重用的行为和配置，如果一个类需要某个特性，只需将特性类混入目标类中。

3.输入和输出配置:配置项动态生成getter和setter方法。并且这些方法也允许我们进行覆盖，这大大减少了代码量。

4.依赖加载：在4.0之前的版本中，都要在使用前加载整个框架。4.0中提供了Ext.require函数，通过它可以动态加载任何类，并且它会加载依赖类。通过动态加载可以有效减少客户端加载的库文件体积。 

Extjs和传统的Web开发大不相同，特别是在界面开发上，不用再纠缠在HTML和CSS中，而与JavaSwing 或Delphi的开发方式非常相似。以下说明
ExtJS中的几个基本概念：
1) 面板Panel
2）布局Layout
3）组件Component
4）渲染Render
5）窗口Window
6）对话框Dialog

面板就是一块区域，可以在上面放各种组件，从而形成用户界面。
（看后面的示例就清楚了，在这就不详细介绍）

布局是指组件在一个容器中的摆放方式。为实现丰富的用户界面提供了保证。

组件是指已经预先实现好的特定功能，并能够重用到编程中的代码段以及相关资源。
将强大的功能带给软件开发者，大大加快了软件开发速度，同时保证更高的质量。

渲染是指含有ExtJS程序的页面下载完毕后在浏览器中完全展现出来的一个过程。实际是一个动态生成的过程，而非从服务器下载的。

窗口并不是真正的windows窗口，本质上是一个层利用CSS进行格式化，在外观和行为上比较像真正的Windows窗口的显示区域。

对话框本质也是利用CSS进行格式化的结果。一般有普通的对话框、选择对话框、输入对话框以及一些特别的自定义对话框。