AmazeUI學習

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;}