认识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进行格式化的结果。一般有普通的对话框、选择对话框、输入对话框以及一些特别的自定义对话框。


猜你喜欢

转载自tesia.iteye.com/blog/1894685