📜  Ext.js-概述

📅  最后修改于: 2020-10-25 11:13:51             🧑  作者: Mango


Ext JS是一种流行的JavaScript框架,它提供了丰富的UI,可用于构建具有跨浏览器功能的Web应用程序。 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插件集成到企业开发环境中,从而提高开发团队的生产力。

  • 降低Web应用程序开发的成本。

  • 使团队能够创建具有引人注目的用户体验的应用程序。

  • 提供一组小部件以轻松创建功能强大的UI。

  • 遵循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中,通过提供代码完成,代码检查,代码导航,代码生成,代码重构,模板创建,拼写检查等功能,有助于提高开发人员的生产率。

Sencha检查器

Sencha Inspector是一个调试工具,可帮助调试器在开发过程中调试任何问题。