Ext.js - 概述

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 Inspector

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