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 是一个调试工具，可帮助调试器在开发过程中调试任何问题。