Amaze UI 是一款基于 HTML、CSS 和 JavaScript 实现的开源前端框架，旨在提供快速、轻量、响应式的 Web 前端开发框架。Amaze UI 在保留传统框架样式和功能的基础上，加入了更多新的元素和组件，对于移动平台友好度也有很好的表现。Amaze UI 可以帮助开发者快速搭建手机和平板设备的 Web 应用和网站，支持多种主流移动设备和桌面浏览器。
Amaze UI框架结构清晰简单，它采用了「模块化」的设计理念，它将一些可复用的模块进行了划分，形成了相对独立的模块，这些模块可以通过引入或者单独的文件在项目中使用。Amaze UI 的样式和 JS 代码可以单独调用，也可以一起使用。这些独立的模块中包含许多 UI 组件，例如导航、icon、按钮等等。下面我们就来讲讲 Amaze UI 的开发 app 的原理。
#### Amaze UI 初步入门
Amaze UI的安装步骤非常的简单，在官方网站下载 Amaze UI 框架文件，解压后，将文件夹移动到项目目录下引用需要的 CSS 和 JS 文件就可正常使用。
```html
```
#### Amaze UI的基本组成
Amaze UI 采用的是「移动优先」的方式进行开发，这也关乎到了规范应用的根本，所以它的组成当然就是有着不同的组件。下面介绍几个常用的组件类型：
- 布局组件 Layout
- 标准 HTML 元素补充
- 内置 CSS 和半透明效果
- JavaScript 插件
其中布局组件 Layout 是 Amaze UI 中最为重要的组件，在 Amaze UI 中，布局组件 Layout 被单独拎出来独立维护，目的是为了方便后期维护和更新。布局组件 Layout 的好处是实现功能和布局之间的解耦以及对于页面的简化，通过在 HTML 标签上添加不同的 Class 即可实现不同的布局或样式，具体使用方法详见官方文档。比如：定义一个容器，容器内有两个主体分别占 1/4 和 3/4：
```html
1/4
3/4
```
此外，Amaze UI 中还有非常多的 Column 布局方式，比如 offset 、聚合、外边距等等，非常的灵活。
#### JavaScript 插件的使用
Amaze UI 中的 JavaScript 插件用的是大量的 jQuery 封装的插件，如轮播图插件、对话框插件等等，而 Amaze UI 中也有很多独立的插件，如 JS 插件集、AJAX 、导航栏插件等等。这些 JS 插件对于开发 app 有很大的帮助，比如轮播图插件可以让受众在展示你的产品的同时也是一种体验。插件的使用非常简单，在 HTML 文件中加入相应的代码即可。
```html
```
除了这个中的轮播图插件，还有 Tab 选项卡和日历等等的插件，细心的小伙伴还能够发现它还支持字体图标，这也是 Amaze UI 最令人印象深刻的地方之一了。
#### 总结
Amaze UI 提供了一个强大的前端开发框架，使用简单但功能强大，正如它的名字 Amaze 一样，令人叹为观止，使用 Amaze UI 开发 app ，开发者可以省去许多费时的手工编写 CSS 和 JS 的时间。总体来说，Amaze UI 框架的优点非常的多，这款框架也帮助很多开发者提高了开发的效率，并且还推出了多个友好的版本和面向不同开发需求的子产品，为开发者提供了完美而快速的应用解决方案。如果你还不知道如何快速地构建一个响应式的 app，我建议你先从 Amaze UI 开始掌握。
