一、EXT JS概述：
Ext JS是一个流行的JavaScript框架，它为使用跨浏览器功能构建Web应用程序提供了丰富的UI。 Ext JS基本上用于创建桌面应用程序它支持所有现代浏览器，如IE6 +，FF，Chrome，safari 6+ 等。而sencha，sencha touch的另一个产品用于移动应用程序。Ext JS基于MVC / MVVM架构。 最新版本的Ext JS 6是一个单一的平台，可以用于桌面和移动应用程序，而不需要为不同的平台提供不同的代码。
这些是Ext JS的突出特性
可定制的UI小部件与丰富的UI集合，如网格，枢轴网格，表单，图表，树木。
新版本与旧版本的代码兼容性。
灵活的布局管理器有助于组织跨多个浏览器，设备和屏幕大小的数据和内容显示。
高级数据包将UI小部件与数据层分离。 数据包允许客户端使用高度功能的模型收集数据，这些模型支持排序和过滤等功能。
它是协议不可知的，并且可以从任何后端源访问数据。
可定制的主题Ext JS窗口小部件提供了跨平台一致的多个现成主题。
Sencha Ext JS是业务级Web应用程序开发的领先标准。 Ext JS提供了为桌面和平板电脑构建强大应用程序所需的工具。
简化针对现代和传统浏览器的跨平台开发，跨桌面，平板电脑和智能手机。
通过IDE插件集成到企业开发环境中，提高开发团队的生产力。
降低Web应用程序开发的成本。
授权团队创建具有吸引力的用户体验的应用程序。
它有一组小部件使UI强大和容易。
它遵循MVC架构这样高度可读的代码。
环境配置：
CSS文件有多个基于主题的文件，您可以在文件夹\ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.css
-
如果我们要使用桌面应用程序，那么我们可以使用文件夹\ ext-6.0.1-trial \ ext-6.0.1 \ build \ classic下的经典主题
-
如果我们要使用移动应用程序，那么我们将使用现代主题，可以在文件夹\ ext-6.0.1-trial \ ext-6.0.1 \ build \ modern下找到
<html>
<head>
<link rel = "stylesheet" type ="text/css" href= "..ext-6.0.1-trialext-6.0.1uildclassic heme-classic
esources heme-classic-all.css" />
<script type ="text/javascript" src = "..ext-6.0.1-trialext-6.0.1uildext-all.js" > </script>
<script type ="text/javascript" src = "app.js" > </script>
</head>
</html>
CDN是内容交付网络，您不需要下载Ext JS库文件，您可以直接添加ExtJS的CDN链接到您的程序，
<html>
<head>
<link rel = "stylesheet" type ="text/css" href= "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css" / >
<script type ="text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js" > </script>
<script type ="text/javascript" src = "app.js" > </script>
</head>
</html>