构建数据密集型跨平台Web应用程序所需的一切

ExtJS是一个前端ajax框架，主要用于创建前端用户界面，基本独立于后端技术。

早期，ExtJs 只是 Yahoo! 的一个对话框扩展。 用户界面。 后来逐渐形成了自己的特色，深受网友的喜爱。 截至目前，除了 YUI 之外，Ext 还支持 、 等多种 JS 底层库，让大家自由选择。 该框架完全基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件，灵活使用JSON/XML数据源开发，真正减轻服务器端表现层的负载，从而实现客户端MVC应用！

Ext JS 提供了开发人员构建数据密集型跨平台 Web 应用程序所需的一切。 Ext JS 利用现代浏览器上的 HTML5 功能。

Ext JS 附带 115 个以上高性能、经过预先测试和集成的 UI 组件，包括日历、网格、图表等。 Ext JS Grid 和包可以轻松处理数百万条记录。 该框架包括一个强大的数据包，可以使用来自任何后端数据源的数据。 借助 Pivot Grid 和 D3 适配器，组织可以向其 Web 应用程序添加领先的可视化和分析功能。 看看它与其他框架相比如何。

一组丰富的 Ext JS 工具和主题有助于提高开发效率并加速交付精美的 Web 应用程序。 工具可帮助进行应用程序设计、开发、主题化和调试以及构建优化和部署。

Test 是 Ext JS 应用程序的补充产品，也是最全面的单元和端到端测试解决方案。

extjs框架的优点：

1. 预先集成并测试的UI组件。

Ext JS 包括业界最全面的预集成和经过测试的高性能 UI 组件集合。 这些组件包括 HTML5 日历、网格、枢轴网格、D3 适配器、树、列表、表单、菜单、工具栏、面板、窗口等等。 该社区还提供数百个用户扩展。

网格使组织能够处理数百万条记录，并提供开箱即用的功能，例如排序、分组、列锁定和汇总行。

Ext JS 组件可帮助您轻松查看/管理 Ext JS 应用程序中的时间表和事件。 通过利用此组件，您可以轻松地将功能齐全的日历添加到您的应用程序中，而无需投入大量时间和精力来构建日历。

2.丰富的数据分析

Ext JS 使组织能够使用 Pivot Grid 为其 Web 应用程序添加强大的分析功能。 它允许用户聚合、总结和分析多维数据，以做出更明智的决策。

网格使组织能够处理数百万条记录，并提供开箱即用的功能，例如排序、分组、列锁定和汇总行。

插件使您能够以各种不同的格式导出 Ext JS Grid 和 Pivot Grid 数据。 它支持标准 XLSX、XML、CSV、TSV 和 HTML 格式，并允许您配置数据导出的可见（显示）或不可见（隐藏）部分。 该插件还支持导出文档的基本样式。

3.复杂的数据可视化。

D3 使您能够向 Web 应用程序添加复杂的数据驱动文档包 (D3) 可视化效果，例如热图、树形图、旭日图等。 现在，您可以创建动态可视化，不仅可以讲述特定的故事，还可以帮助用户导航他们的数据并理解它所讲述的故事。

Ext JS 软件包允许您使用各种动态和静态图表直观地表示数据 - 包括折线图、条形图和饼图。 图表使用使用 SVG、VML 和技术实现的绘图包开发的表面和精灵。 自动处理浏览器变体，因此图表始终正确显示。 Ext JS 还支持移动设备上的触摸手势，为图表提供增强的交互功能，例如平移、缩放和捏合。

4. 后端不可知数据包。

Ext JS 中包含的强大数据包将 UI 组件与数据层分离。 数据包允许使用提供排序和过滤等功能的强大模型来收集客户端数据。 数据包与协议无关，可以使用来自任何后端源的数据。 它具有允许多个客户端操作的会话管理功能，从而最大限度地减少与服务器的往返。

5.布局管理器和响应式配置。

Ext JS 包含一个灵活的布局管理器，可帮助组织跨多个浏览器、设备和屏幕尺寸的数据和内容的显示。 即使对于最复杂的用户界面，它也可以帮助您控制组件的显示。 Ext JS 还提供了一个响应式配置系统，允许应用程序组件适应特定的设备方向（横向或纵向）或可用的浏览器窗口大小。

6. 508 兼容辅助功能包 (ARIA)。

Ext JS ARIA 可以通过提供实现 508 合规性所需的工具来为您的应用程序添加辅助功能支持。 使用 ARIA 软件包，您可以创建可供需要辅助技术（例如屏幕阅读器）的人员使用的应用程序来浏览网页。

7.可定制的内置主题。

Ext JS 组件有多种内置主题，包括 、 、 、 和 Crisp 。 可以定制主题以反映特定的品牌标识。 Cmd 公开了 Ext JS 主题使用的数百个变量，可以更改这些变量来设计自定义主题。

YUI框架

雅虎！ UI（YUI）是一个开源函数库，它使用AJAX、DHTML和DOM等编码技术来创建高度交互的网页。 它还包含许多 CSS 资源。 YUI 基于 BSD 许可证，对所有用途都是免费的。 YUI 项目包括 YUI 库和两个构建时工具：YUI（压缩）和 YUI Doc（代码文档引擎）。

YUI 分为两大类。 一是Ajax组件，它包括封装底层的几个工具包，分别是event、dom、dnd。 它还包括一组高级控件，目前包括、、、菜单、、。

另一类是一些非常有用的 CSS 文件。 一种是 CSS 页面网格，它可以非常方便地用来布局您的网页。 另外两个是 CSS 字体和 CSS 重置。 使用这两个CSS，可以在不同浏览器中获得一致的字体等效果。

触摸框架

Touch 是世界领先的应用程序开发框架，旨在充分利用 HTML5、CSS3 和 HTML5 来实现最高水平的功能、灵活性和优化。 Touch 是下一代触摸屏设备的跨平台框架。

它是企业级移动应用程序开发的完美解决方案。 Touch 是一个使用严格的编码标准和经典遗留模型构建的应用程序，对于小型或大型团队来说都易于使用。 由于其输出完全基于 Web，因此您可以在自己的团队中部署应用程序，而无需等待当地市场的批准或接受。

特征：

1. 支持世界上最好的设备。 与 iOS 和 的 Beta 版本兼容，iOS 上的开发人员还可以使用一些自定义主题。

2.数据整合。 提供强大的数据包，可以通过Ajax、JSONp、YQL等方式绑定组件模板，并写入本地离线存储。

3.基于最新的WEB标准——HTML5、CSS3。 经过压缩和 gzip 后，整个库约为 80KB，并且可以通过禁用某些组件使其变得更小。

4.增强触摸事件。 在 等标准事件的基础上，增加了一套自定义事件数据集成，如点击、滑动、捏合等。

LAYUI框架

LAYUI是一个使用自己的模块规范编写的前端UI框架。 它遵循原生HTML/CSS/JS的书写和组织形式。 门槛极低，开箱即用。 它的外观很简约，但内部却很丰富。 它体积轻，元件丰富。 从核心代码到API的每一个细节都经过精心打造，非常适合快速接口开发。

layui的第一个版本于2016年金秋发布，它不同于那些基于MVVM底层的UI框架，但它并不违背本性，而是信奉回归自然。 准确的说，它更适合服务器端程序员。 您无需参与各种前端工具的复杂配置。 你只需要面对浏览器本身，所有你需要的元素和交互都可以在你的指尖找到。

其实layui更面向后端开发者，所以在组织形式上，坚决采用了几年前的浏览器托管的AMD模块管理方式，但并不受那些规章制度的限制。 它有自己的模式，更轻量和简单。 layui 被定义为“经典模块化”。 它并不刻意强调“模块”这个概念本身，而是刻意避开当前JS社区的主流解决方案，试图用尽可能简单的方式来诠释效率！ 它所谓的经典在于它对回归自然的执念，它以当前浏览器普遍认可的方式来组织模块！ Layui相信这种轻量级的组织方式还是可以填补很多其他场景的。 因此，它坚持使用经典的模块化，让人们避免了工具的复杂配置，回归到最初的HTML/CSS/本身！

如今，前端技术多种多样且日益复杂。 如果您对前端感兴趣，欢迎您随时报名参加传智播客的Web前端培训课程。