Ext.js 概述学习手册

收录于 2023-04-20 00:10:05 · English · بالعربية · Español · हिंदीName · 日本語 · Русский язык · 中文繁體

Ext JS 是一种流行的 JavaScript 框架,它为构建具有跨浏览器功能的 Web 应用程序提供了丰富的 UI。 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 插件集成到企业开发环境中,从而提高开发团队的工作效率。 降低网络应用开发成本。 使团队能够创建具有引人入胜的用户体验的应用。 提供一组小部件,可轻松制作功能强大的用户界面。 遵循 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 是一种调试工具,可帮助调试器在开发过程中调试任何问题。