1. 程式人生 > >前端框架Amaze UI(1)概述

前端框架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開發的。
這裡寫圖片描述

這裡寫圖片描述

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的基礎。