前端框架Amaze UI(1)概述

這裏寫圖片描述
Amaze UI採用國際最前沿的“組件式開發”以及“移動優先”的設計理念,基於其豐富的組件,開發者可通過簡單拼裝即可快速構建出HTML5網頁應用,Amaze UI就成爲了國內最流行的前端框架。

Amaze UI 的開發歷程

追根溯源才能把事情做到極致!
Amaze UI是雲適配於2014年8月開源的HTML5前端框架,目前在Github上收穫Star數近萬,服務於全球50W開發者,可能是國內最受歡迎的前端框架(前端類庫),現在包含Amaze UI Web、React、Touch三個版本。

雲適配創始人陳本峯:這個項目最開始是作爲內部使用工具來開發的。我們雲適配本身就是一個前端產品,Amaze UI能幫我們降低開發時間和成本,用標準化作業流程,能有更高的產出。

從雲適配創立之初,我們就開始積累自己的前端框架,同時也借鑑了Bootstrap等國外框架的優點。在內部使用過程中,大家一致反映不錯,我們就希望把這個產品開源,希望分享給更多的人,也希望更多的人來貢獻代碼,來共建中國前端開源生態環境。在最近幾個月,我們投入人力將這個項目整理成一個開源產品。目前有2個軟件工程師全職在開發這個產品,還有一個設計,一個PM也在盡力配合。產品發佈之後,我們會投入更多全職的工程師來專心打磨這個產品,同時也呼籲更多的前端開發愛好者共同來完善這個框架。

Amaze UI的目標

幫助開發者提高開發效率,提升網頁效果,即用最短的時間做出最讚的網頁,使更多的前端開發者不再受前端複雜代碼困擾。

Amaze UI 是中國首個開源 HTML5 跨屏前端框架

Amaze UI 是一個輕量級、Mobile first的前端框架, 基於開源社區流行前端框架編寫。

這裏寫圖片描述

爲移動而生

Amaze UI 以移動優先(Mobile first)爲理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。

這裏寫圖片描述

組件豐富,模塊化

Amaze UI 含近 25 個 CSS 組件、27 個 JS 組件,更有 21 款包含近 60 個主題的 Widgets,可快速構建界面出色、體驗優秀的跨屏頁面,大幅度提升你的開發效率。
這裏寫圖片描述

本地化支持

相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。

這裏寫圖片描述

輕量級,高性能

Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。

哪些在用?

包含中國政府網、微軟在內的多家知名企事業單位的移動端樣式都是基於Amaze UI開發的。
這裏寫圖片描述

這裏寫圖片描述

更多案例,請點擊:http://amazeui.org/showcase

Amaze UI Web/Touch怎樣選擇?

Amaze UI Web是基於jQuery,可以做響應式網站和Web App開發。
Amaze UI Touch基於React,專屬移動(手機)端開發。

怎樣學習Amaze UI?

只需3步!
Amaze UI Web非常容易入門,但是也需要你有一些最基本的前端基礎,html+css,簡單的JS/JQ(不會也沒關係,可以先從全局樣式和css組件入手做項目,不過JS還是要好好學習滴)。

  • 查看官方文檔、API。
  • 參考論壇基於Amaze UI的案例源碼,寫demo做練習。
  • 應用到實際項目中去。

Amaze UI Touch對於前端新人是有些門檻的,需要有react.js、node.js的基礎。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章