AmazeUI学习

大家好，欢迎来到IT知识分享网。

http://amazeui.org/

相比于其他国外的框架而言，Amaze UI更关注中文排版，被前端工程师称为最懂中文的前端框架。

Amaze UI受欢迎的一个重要的原因是：文档非常完善，适合各阶段的开发者，API设计也非常合理，易懂易使用。

Amaze UI的特点：

• 为移动而生：以移动优先（Mobile First），从小屏扩展到大屏，逐步实现屏幕适配。
• 组件丰富，模块化：包含20个CSS组件，20多个JS组件，多个不同主题的Web组件（模块 or 模板？），提高开发效率。
• 本地化支持：即更注重中文排版（：根据用户代理调整字体），兼顾国内浏览器、APP内置浏览器兼容支持。
• 轻量级，高性能：面向H5开发，使用CSS3制作动画交互，更适合移动设备，使Web应用载入更快。

Amaze UI Web学习：

CDN：

官方CDN（域名解析服务由 DNSPod 提供，CDN 存储由七牛提供）：

http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.css
http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.js
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.js
http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js

文件说明（一下每个文件都有对应的minified文件）：

• amazeui.css / amazeui.js：包含Amaze UI所有的css、js。
• amazeui.flat.css：圆角版Amaze UI CSS，参考1.x学习。
• 一些常见的布局模板页面，供参考。

版本号说明：

Amaze UI 遵循 Semantic Versioning 规范，版本格式采用 主版本号.次版本号.修订号 的形式，版本号递增规则如下：

• 主版本号：做了不兼容的API 修改，如整体风格变化、大规模重构等；
• 次版本号：做了向下兼容的功能性新增；
• 修订号：做了向下兼容的问题修正、细节调整等。

Amaze UI下载包目录结构：

在 app.css 中编写 CSS；在 app.js 中编写 JavaScript；图片资源可以放在 i 目录下。

使用时，引入assert目录下的css、js文件即可。

固定容器宽度：

框架内置class（当然也可以自定义）：

.am-container {width:980px !important;max-width:none;}