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 是单一平台，可用于桌面和移动应用程序，无需针对不同平台使用不同的代码。

历史

扩展JS 1.1

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

扩展JS 2.0

Ext JS 2.0 版本于 2007 年发布。该版本针对功能有限的桌面应用程序提供了新的 API 文档。此版本不向后兼容以前版本的 Ext JS。

扩展JS 3.0

Ext JS 3.0 版本于 2009 年发布。该版本添加了图表和列表视图等新功能，但代价是速度。它向后兼容 2.0 版本。

扩展JS 4.0

Ext JS 3 发布后，Ext JS 的开发人员面临着提高速度的主要挑战。Ext JS 4.0版本于2011年发布，结构全面修改，遵循MVC架构，应用速度快。

扩展JS 5.0

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

扩展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 是一个提供 Ext JS 代码压缩、脚手架和生产构建生成功能的工具。

Sencha IDE 插件

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

煎茶检查员

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