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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM