Ext.js - 概述

Ext JS是一个流行的JavaScript框架,它为使用跨浏览器功能构建Web应用程序提供了丰富的UI. Ext JS主要用于创建桌面应用程序.它支持所有现代浏览器,如IE6 +,FF,Chrome,Safari 6 +,Opera 12+等.而Sencha的另一款产品Sencha Touch则用于移动应用.

Ext JS基于MVC/MVVM架构.最新版本的Ext JS 6是一个单一平台,可以用于桌面和移动应用程序,而不需要为不同平台提供不同的代码.

历史

Ext JS 1.1

Ext JS的第一个版本是由Jack Slocum于2006年开发的.它是一组实用程序类,是YUI的扩展.他将该库命名为YUI-ext.

Ext JS 2.0

Ext JS 2.0版于2007年发布.此版本有一个新的API文档用于功能有限的桌面应用程序.此版本与以前版本的Ext JS没有向后兼容性.

Ext JS 3.0

Ext JS 3.0版于2009年发布.版本添加了新功能作为图表和列表视图,但代价是速度.它与版本2.0具有向后兼容性.

Ext JS 4.0

在Ext JS 3发布后,Ext JS的开发人员遇到了重大挑战提高速度. Ext JS 4.0版于2011年发布.它有完整的修改结构,其后是MVC架构和快速应用程序.

Ext JS 5.0

Ext JS 5.0版于2014年发布.此版本的主要变化是将MVC架构更改为MVVM架构.它包括在支持触摸的设备上构建桌面应用程序,双向数据绑定,响应式布局以及更多功能的能力.

Ext JS 6.0

Ext JS 6合并Ext JS(用于桌面应用程序)和Sencha Touch(用于移动应用程序)框架.

功能

以下是Ext JS的突出特点.

  • 可自定义的UI小部件,包含丰富的UI集合,如网格,透视网格,表格,图表,树木.

  • 新版本与旧版本的代码兼容性.

  • 灵活的布局管理器有助于组织跨多个浏览器,设备和屏幕尺寸的数据和内容显示.

  • 高级数据包将UI小部件与数据层.数据包允许客户端使用功能强大的模型收集数据,这些模型支持排序和过滤等功能.

  • 它与协议无关,可以访问数据来自任何后端源.

  • 可自定义主题Ext JS小部件提供多个开箱即用的主题,这些主题在各个平台上都是一致的.

好处

Sencha Ext JS是业务级Web应用程序开发的领先标准. Ext JS提供了构建桌面和平板电脑强大应用程序所需的工具.

  • 简化台式机,平板电脑的跨平台开发和智能手机 - 适用于现代和旧版浏览器.

  • 通过IDE插件集成到企业开发环境中,提高开发团队的工作效率.

  • 降低网络应用程序开发的成本.

  • 授权团队创建具有引人注目的用户体验的应用程序.

  • 提供一组小部件,轻松制作功能强大的用户界面.

  • 关注MVC架构,因此代码具有高可读性.

限制

  • 库的大小很大,大约500 KB,这使得初始加载时间更长,使应用程序变慢.

  • HTML中充满了标签,使其复杂且难以调试.

  • 根据一般公共许可证政策,开源应用程序免费,但商业应用程序付费.

  • 加载即使是简单的东西也需要很少的编码,这在简单的html或JQuery中更简单.

  • 需要经验丰富的开发人员来开发Ext JS应用程序.

工具

以下是Sencha提供的工具,主要用于生产级别的Ext JS应用程序开发.

Sencha CMD

Sencha CMD是一个提供Ext JS代码缩小,脚手架和生成构建生成功能的工具.

Sencha IDE插件

Sencha IDE插件将Sencha框架集成到IntelliJ,WebStorm IDE中,通过提供代码完成,代码等功能,帮助提高开发人员的工作效率检查,代码导航,代码生成,代码重构,模板创建,拼写l-checking等

Sencha Inspector

Sencha Inspector是一个调试工具,可帮助调试器在开发时调试任何问题.