一般來說，bootstrap隻是對HTML增加了CSS進行美化。
而amaze ui則在bootstrap美化的基礎上，主要增加JS添加了動态，以及更多樣式。
例如
| 1 | <button type="button" >basic</button> 就是常見的灰色的按鈕 |
用bootstrap後，隻需要一個css，就可以讓按鈕背景變成藍色的，會漂亮很多
| 1 | <button class="btn btn-primary" ></button> |
而用amaze ui
| 1 | <button type="button" class="am-btn am-btn-primary" data-am-button>...</button> |
就可以讓按鈕不但漂亮而且還可以切換狀态。基本上你不需要寫JS代碼。
如果不用amaze ui，那麼可能自己需要通過JS判斷，自己判斷。如
if(button.enabled)
{
button.css="A";
}
else
{
button.css="B";
}
《近匠》Amaze UI：做最懂中國程式員的開源HTML5架構
發表于 2015-02-06 08:30| 15438次閱讀| 來源 CSDN| 33 條評論| 作者 CSDN
移動開發 HTML5 開源 雲适配 陳本峰 Amaze UI 近匠
摘要：《近匠》75期，HTML5的定稿以及Web元件化讓移動Web開發到了異常火爆的地步，跨屏跨平台的開源HTML5開發架構Amaze UI強調移動優先，為國内的開發者提供最具本土特色的元件工具，降低開發門檻，讓應用開發變得更簡單。
Amaze UI是一款完全針對HTML5開發的輕量級、子產品化、強調移動優先的開源跨屏前端架構，通過拆分、封裝了一些常用的網頁元件，讓開發者隻需複制代碼便可将這些跨屏元件寫入到自己的應用中。相比國外架構，Amaze UI更關注中文排版優化，強調浏覽器相容性，在GitHub上線半年的時間，便已獲得2300+Star。而新版本釋出的Amaze UI 2.2接入了微信支付，釋出數日新增兩萬下載下傳，是最初兩個月下載下傳總和。
雲适配創始人CEO 陳本峰
CSDN：最初決定打造Amaze UI這樣一架構有着哪些初衷和考慮？
陳本峰：Amaze UI是我們整個雲适配産品的一部分，希望引領推廣最新的技術，帶領大家走向未來的趨勢方向。現在在國外對于Web開發有一個非常熱的理念，就是Web元件化，這是Google在2013年提出的新概念。開發者不需要再花費時間精力去編寫月曆等的代碼，可以直接引用元件。
在開發雲适配的過程中，我們積累了包括菜單、輪播圖等在内的大量針對手機端的UI控件，但其相容性維護及複雜的螢幕适配還需要花費很多時間去進行，而我們也希望能夠與别人共享，是以最終決定将其開源，在共同形成這麼一個庫的同時，也讓大家都能受益。
CSDN：在雲适配的産品線中，Amaze UI有着什麼樣的定位？
陳本峰：首先，雲适配可以說是Amaze UI的一個使用者，它就等于把Amaze UI打包到整個雲适配系統中。相對而言，雲适配的産品定位是針對現在已有的PC網站，将這些PC網站轉換為一個能同時支援手機、平闆的跨屏網站，而Amaze UI則是直接幫助開發者開發一個跨屏跨平台的網站。
CSDN：作為開源項目，Amaze UI是如何吸引開發者參與代碼送出和建立生态的？
陳本峰：在國外，開源是一項非常熱門的運動，在GitHub上有着很多這種類型的開源貢獻開發者。但我們确實也感覺到，開源這件事在中國還是處于早期的萌芽階段，許多程式員可能并沒有太多的時間去做貢獻。當然，Amaze UI自出現以來，還是有挺多的開發者完全出于興趣來貢獻代碼，主要的代碼還是我們自己在更新維護，上線不到半年的時間，Amaze UI在GitHub上已經名列國内最受歡迎的開發架構TOP10，有了兩千多的Star。
CSDN：您曾說“Amaze UI是最懂中國程式員的開源HTML5跨屏前端架構”，能否從其功能或設計等方面舉例說明？
陳本峰：“最懂中國程式員”主要突出一個點，就是我們的本土化。國外有許多非常有名的HTML5架構，但他們的字型都是英文，對中文字型沒有任何設定。而對開發者來說，做一個網頁，如果不設定字型的話，那麼在不同的浏覽器或作業系統下，顯示出來的效果就是完全是預設的，排版會特别糟糕，而Amaze UI則專門針對中文做了很多優化。
其次，浏覽器的相容性也是一大問題。Amaze UI強調移動優先，先考慮移動平台上的諸多浏覽器。今時今日，浏覽器的概念與過去IE、火狐等獨立浏覽器俨然不同，隻要是能夠打開HTML5頁面的容器都可以叫浏覽器，而現在最大的浏覽器非微信莫屬，但國外的架構根本不可能想到對微信做相容。除此之外，我們還會對手機百度，以及UC、QQ、360、傲遊等手機浏覽器進行相容，這些都是非常具有本土特色的。
Amaze UI還有很多非常具有中國特色的元件，比如說菜單，國外的移動端菜單一般都是上下橫線，按IE的規則将菜單收起來，強調簡單，而中國的很多手機網站菜單都是直接平鋪出來，整個網頁内容很豐富，而我們做的這些界面特色非常适合中國的程式員，雲适配就是幫助企業将PC網站轉換為手機端網站。截止目前，我們大概已經轉換了十幾萬的企業網站，同時也接觸了大量的企業客戶，對中國的市場需求最為了解，是以，我們說自己是最懂中國程式員的開發架構，因為中國程式員開發一個網頁，勢必會碰到這些問題。
CSDN：與jQuery等其他架構相比，Amaze UI上手難易度如何？有哪些優勢？
陳本峰：在上手難易度這塊，我們比較大的優勢就是官方文檔都是中文的，而國外架構的官方文檔雖然有人翻譯，但并不能涵蓋全部，此外，我們還會直接在頁面及文檔中為開發者提供社群支援，這也是一種本土化的考慮。
Amaze UI與jQuery并不沖突，而是互補關系。jQuery主要是讓開發者去調用浏覽器頂層的JavaScript API，中間有一層是調用底層的浏覽器API。jQuery也有一個UI架構——jQuery UI，主要針對PC端，不跨屏，UI風格也比較老派，還有很多類似于弧形3D的效果，但如今在移動端的整體設計趨于扁平化，無論是iOS還是Android，都是扁平化設計。Amaze UI不僅能直接跨屏，其設計風格也非常符合現在移動端的需求。
CSDN：支援跨平台，為Amaze UI本身的研發帶來了哪些技術挑戰？
陳本峰：Amaze UI不止是跨平台，我們把它叫做跨屏跨平台，跨屏是指不同螢幕。Amaze UI有一個很大的好處就是開發者的網站一旦完成，手機、平闆、PC三個螢幕适配也就全都有了，不用開發者再勞心勞力地去開發三個網站，而跨平台相對來說是HTML5本身的優勢。
說到技術挑戰，Amaze UI采用響應式設計（Responsive Design），将螢幕切分成12個網格，而其風格與網格鍊數會随着螢幕大小而發生變化，這就是響應式設計的概念，我們在設計網格系統時，會考慮到很多因素，以中國社群更容易了解的方式，在各種應用場景下，網格系統如何才能更好地服務。
CSDN：前段時間HTML5的定稿對于開發者和類似Amaze UI等前端架構分别具備哪些意義？
陳本峰：Amaze UI是中國第一個HTML5開源架構，我們從很早以前就開始在推行HTML5，但那個時候，相對于Native App而言，HTML5還處于一個比較劣勢的狀态。但從2014年下半年開始，尤其到年底，整個HTML5市場關注度越來越高，越來越多的人去從事HTML5開發，主要類型為遊戲和廣告，在去年，諸如神經貓等的HTML5遊戲刷爆了朋友圈，而HTML5廣告也開始出現。相對于得靠耗錢刷榜才能跻身排行榜的各大應用商店而言，微信朋友圈已經成為了開發者們的一個重要戰場，隻要做一個比較有意思的内容，就會有很多人幫你傳播，而其成本要低很多。
是以，現在越來越多的企業開始轉向HTML5，尤其是去年年底的HTML5定稿，又大幅地增加了開發者們對于HTML5的信心。我們明顯感覺到，大家對HTML5的關注度一下子提升了許多。這樣對我們的架構肯定有着非常積極的促進作用，因為當開發者們都在開發HTML5應用時，Amaze UI能夠幫助他們節省很多時間，并提高開發效率。
CSDN：2015年關于Amaze UI會有哪些進一步的舉措？
陳本峰：在Google提出Web元件化不久，W3C便将其作為一個标準來制定，而Facebook、雅虎等巨頭公司也都加入進來，我認為這個标準是大家都公認的，它将是未來Web開發的一個趨勢。Amaze UI在2015年的重點工作就是Web元件，打造這麼一個Web元件開發規範，将所有元件标準化。
此外，我們還将引入一種現下非常流行的Web App開發架構。網頁開發分為Web App和Web Site兩種不同的概念，網站是由一個個頁面組成，而Web App則完全是App的體驗，使用HTML5開發，未來的發展肯定會朝向Web App，因為這個體驗更好，但目前相對而言開發門檻比較高，作為一款架構，Amaze UI将做一種最基礎性的工作，降低門檻，讓程式員開發Web App比以前更簡單。
受訪人陳本峰介紹：陳本峰，雲适配創始人CEO，雲适配技術的發明者，國際網際網路标準聯盟W3C中國區唯一HTML5布道官，專注網際網路标準以及浏覽器相關技術研究超過10年。