开始使用 Amaze UI

Amaze UI 是一个轻量级、 Mobile first 的前端框架，基于开源社区流行前端框架编写（使用、参考的项目列表）。

下载文件

使用 CDN

Amaze UI CDN

域名解析服务由 DNSPod 提供，CDN 存储由又拍云提供。

http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.basic.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.basic.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.widgets.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.widgets.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.basic.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.basic.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.helper.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.helper.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.min.js

Staticfile.org

下面的链接由 Staticfile.org 提供 CDN 服务。

http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.basic.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.basic.min.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.min.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.widgets.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/css/amazeui.widgets.min.css
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.basic.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.basic.min.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.min.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.widgets.helper.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.widgets.helper.min.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.widgets.js
http://cdn.staticfile.org/amazeui/1.0.0-rc1/js/amazeui.widgets.min.js

使用 Bower

bower install amazeui

获取源码

你可以从 GitHub 项目主页获取源代码。

版本说明

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

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

目录结构

文件说明

amazeui.css / amazeui.js：包含 Amaze UI 所有的样式和脚本；
amazeui.basic.css / amazeui.basic.js：包含 Amaze UI CSS 部分、JS 插件部分的样式和脚本，供不使用 Web 组件的用户选择；
`amazeui.widgets.css / amazeui.widgets.js：包含 Web 组件及其依赖的基础插件的样式和脚本，供只使用 Web 组件的用户选择。

以上每个文件都有对应的 minified 文件。

{basic} = [CSS] + [JS插件]

{widgets} = [Web组件] + [Web 组件依赖的 CSS] + [Web组件依赖的JS插件]

示例 HTML

index.html - 空白 HTML 模板；
blog.html - 博客页面模板（预览）；
landing.html - Landing Page 模板（预览）；
login.html - 登录界面模板（预览）；
sidebar.html - 带边栏的文章模板（预览）；
在 app.css 中编写 CSS；
在 app.js 中编写 JavaScript；
图片资源可以放在 i 目录下。

AmazeUI
|-- assets
|   |-- css
|   |   |-- amazeui.basic.css       // Amaze UI CSS/JS插件样式
|   |   |-- amazeui.basic.min.css     // 29.9 kB gzipped
|   |   |-- amazeui.css             // Amaze UI 所有样式文件
|   |   |-- amazeui.min.css           // 38.9 kB gzipped
|   |   |-- amazeui.widgets.css     // Web 组件主题及依赖的样式
|   |   |-- amazeui.widgets.min.css   // 30.4 kB gzipped
|   |   `-- app.css
|   |-- i
|   |   |-- app-icon72x72@2x.png
|   |   |-- favicon.png
|   |   `-- startup-640x1096.png
|   `-- js
|       |-- amazeui.basic.js
|       |-- amazeui.basic.min.js          // 49 kB gzipped
|       |-- amazeui.js
|       |-- amazeui.min.js                // 52.4 kb gzipped
|       |-- amazeui.widgets.helper.js
|       |-- amazeui.widgets.helper.min.js
|       |-- amazeui.widgets.js
|       |-- amazeui.widgets.min.js        // 47 kB gzipped
|       |-- app.js
|       |-- handlebars.min.js
|       `-- zepto.min.js
|-- blog.html
|-- index.html
|-- landing.html
|-- login.html
|-- sidebar.html
`-- widget.html

参与讨论

有任何使用问题，请大家直接在评论中留言，也欢迎大家发表意见、建议。

感谢大家对 Amaze UI 的关注和支持！

jQuery or Zepto?

这个问题已有结论：v1.x 继续使用 Zepto，偏重处理移动端和桌面现代浏览器，v2.x 会改用 jQuery，完善桌面端支持。谢谢大家！

我承认，我是猴子派来捣乱的！

移动端首选 Zepto，桌面端选 jQuery，这应该是大多数开发者的共识。那对于跨平台的响应式网站呢？

Zepto 体积小，下载快，但除了小，还有别的吗？ Wifi 普及，4G 降临，那几十 KB 的还那么重要吗？优化一张图片好几个 jQuery 就出来了。
jQuery 体积稍大，这是缺点。但是背后 jQuery 很多细节处理得很到位；成熟的生态圈，很多 jQuery 插件；庞大的社区，使用 jQuery 遇到问题时，可以很快从社区获得解决方案。jQuery 的这些特点有助于有效的提高开发效率。这些都是 Zepto 所缺乏的。
性能考量：体积小不等于执行效率高；而且通过数十万次计算得出一个百分之几的差距，实际是放大了性能差异，实际使用中很少有那么大的计算量。

虽然我们现在使用 Zepto，是从专门针对移动开发时代沿袭过来的。现在增加桌面端支持，Zepto 可能不是一个好的选择。

我个人倾向 jQuery，你呢？欢迎大家投票，并在评论中分享你的想法。