amaze ui和bootstrap有哪些差別？

01-05

我最近在學amaze ui，感覺如果單從功能性來看和bootstrap最大差別也就是扁平化，不過妹子ui號稱對國產本土化支持更好，這個具體表現在哪？看他官方文檔倒是挺逗趣的。。。然後柵格布局好像比bootstrap要靈活一些。其他的求補充

字體設置比較 ok，勉強再加上個盒模型比較省心，除此以外就是山寨 Bootstrap + 各種本土網站插件。

本來你讓我黑它我是拒絕的，畢竟是國人項目，起初我還是很滋瓷的，但是後來越營銷越臭，惡趣味 Star 不說，就是惡趣味 Star 也比不過 Gogs，為什麼我要扯出一個與前端毫無相關的項目呢，因為他們營銷的時候，從來都是以「國人項目」為噱頭，但是他們給出的排名也好增幅也罷，從來就沒有 Gogs 的蹤影，從頭到腳都是滿滿的銅臭味。

還整天管自己叫妹子 UI 妹子 UI 的，麻煩雇個好點的文案組織一下語句好不好，全身散發著一股摳腳大漢味，摳腳大漢 UI 你好，摳腳大漢 UI 再見：）

要輕巧有 Pure，要強大有 Semantic UI，要中規中矩有 Bootstrap，真沒必要去摳腳，真沒必要~

供從我的觀點進行對比:

對比人背景:

了解一些HTML和CSS基礎, 但是如果需要自己寫一個各種效果的頁面的話. 累覺不愛.
無美工基礎, 最好有比較現成的配色方案, 字體大小方案. 看得過去, 拿來能用.
前後端,運維,產品經理,設計UI都是自己一個人.沒有精力和能力去為不同的終端屏幕尺寸定製不同的頁面.

bootstrap和amazeUI比較重要的區別:

bootstrap文件體積比amazeUI小很多
bootstrap中文文檔寫得好, 通俗易懂. 用得人多, 優秀案例多, 前面填坑的人多. 網上各種教程插件多, 遇到問題更容易搜索到解決方案一些.
bootstrap的傻瓜式定製要比amazeUI全一些,強一些.
amazeUI的默認界面更扁平化一些, bootstrap的默認樣式現在看起來有點審美疲勞了. 特別是導航條, 分頁按鈕之類的.(要自己去改導航條的樣式, 我感覺好難). 總之感覺amazeUI默認樣式更漂亮一些(周星馳: 藝術這個東西是很主觀滴~). 不過! 不過為什麼amazeUI的示例文檔感覺那麼的丑. 官網好看多了. 哎, 同樣的工具在不同的人手裡, 差別好大. bootstrap的示例頁面好看多了.
bootstrap是標準盒模型, 為一個元素設置了尺寸, 它實際影響的範圍要去計算padding,border,margin. 而amazeUI貌似是自己定義的盒模型, 為一個元素定義了尺寸之後, 即定下了元素內容, 以及padding, border的總尺寸. 唯一要考慮的只是元素的margin. 感覺amazeUI這種更直觀, 更方便使用在響應式中. 不再去擔心自己算術不好. 一個元素有無padding, border只會擠壓它自己的內容. 元素這個整體的尺寸不變. 更像一個盒子一些.

bootstrap和amazeUI零碎的區別:

bootstrap的h1~h6字型大小比較合理, 方便使用. 並且可以傻瓜式定製. amazeUI只有h1和h2分別是24px和20px, 其它全部是14px.
amazeUI的基準字型大小是16px, 而且將瀏覽器的基準字型大小設置為 62.5%，也就是 10px，現在 1rem = 10px, 在自定義字體大小的時候, 比較方便計算.比如36px就是3.6rem.
amazeUI字體針對中文優化. 不過bootstrap支持定製. 貌似就是改一句font-family的事.
據說bootstrap用的圖標是Glyphicons, amazeUI用的是更好的Font Awesome, 不知道對我來說區別有多大. 好像沒有蠻大區別. 反正也不用.
amezeUI默認有方便的動畫. bootstrap沒有.
bootstrap有現成的媒體對象. 左圖右文. amazeUI沒有.
amazeUI自帶OffCanvas側邊欄, 在移動端側邊划出菜單. 效果可以做得不錯. bootstrap貌似要自己解決.

我的選擇:

由於文檔對初學者的友好程度以及從網上找到解決方案的容易程度. 不得已, 只能選擇bootstrap.

比如導航條, bootstrap會給出哪個一類控制哪些功能, 而amazeUI只是展示了一個代碼段的案例. 如果前端比較熟悉的, 應該沒有任何問題, 但對於我這種新手來說, 真的無從下手.

關於改變bootstrap或amazeUI的默認樣式, 可以在chrome開發者工具裡面, 定位到元素, 查看哪些css樣式影響了自己需要的效果(chrome可以直接在瀏覽器中啟用或停用樣式). 找到相關的元素和樣式後, 可以加自己的class, 覆蓋默認的樣式.

簡單用過，然後發現就是一個大坑，再不敢用了，一點不省心

不能深究，能滿足你的需求就是好產品

我現在再用bootstrap

一大堆插件，我還是喜歡bootstrap.

推薦你使用bootstrap，

推薦理由如下

BS使用的人多，大部分都在使用，至少不會被拋棄
BS擴展框架特別多，大部分那麼漂亮
中文顯示效果是差一下，但是並不影響你的審美，扁平化挺好

-------------------------分割線-------------------------------------------

對，我曾經使用過amazeui ,不過我發現使用AmazeUI 是好一丟丟，但是你會發現很多坑，對中文支持很好，我就用了妹子UI了

----------分割線--以下是廢話-----------------------------------------

1、Bootstrap，來自 Twitter，是目前很受歡迎的前端框架，Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。。。。。巴拉巴拉，這些都能找到的就不介紹了。基於Bootstrap源碼進行擴展的框架很多，例如我知道的一些：

Web ApplicationFree
Bootstrap Admin Template
推薦網址2015年20 款最好免費的 Bootstrap 後台管理與前端模板

2、Amaze UI是國內首款Html5開源跨屏前端框架，優秀開源前端框架，擁有豐富的CSS+JS組件

，開始之初以移動優先（Mobile first）為理念，從小屏逐步擴展到大屏，最終實現所有屏幕適配，適應移動互聯潮流，相比bs框架，Amaze UI 關注中文排版，根據用戶代理調整字體，實現更好的中文排版效果；兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。

3、amaze ui則在bootstrap美化的基礎上，主要增加JS添加了動態，以及更多樣式；另外amaze ui側重於移動優先！BS3.3以後，妹子UI基本沒什麼大的優勢了，

對於前端而言都差不多，都可以開發出不錯的頁面來。以前H4的年代大部分是自己寫css，現在都是套用amaze或者bootstrap，比自己寫省事多了。

如果你是前端新手，建議你先用amaze，畢竟是國產的東西，文檔比翻譯過來的更容易理解一些。主要是他有webstorm和sublime插件片段，藉助這些片段可以很好的寫出頁面來。

如果你是前端老手，建議你用bootstrap，國際化的東西無需多言，比amaze用的人多一些，不管是國內的還是國外的。

本人在學習之前也是比較了比較，就是因為amaze的文檔和webstorm插件才放棄了bootstrap。。

最近看Amaze UI官方在GitHub上的自述文檔，他們表示已經棄坑了。寫了一段「Amaze-ui-vue」，估計是主創人員打算轉向Vue.js的MVVM組件化，然而Amaze UI畢竟代碼量還是挺大的，重構一遍，又沒有太多用戶幫忙，也只能無奈棄坑，表示可惜了。

最近也在衡量是用AUI還是BS，可是又放不下Vue.js，畢竟這是趨勢，看到官方棄坑，俺也沒啥信心了，打算用Element UI

我在用amazeui，其實總體上來講還是比較好用的！

魅族自帶的瀏覽器，如果出現滾動條，側滑是無效的！（原因不知道，目前我只是在魅族手機中測出）

css技術很不錯，樣式可以，js插件不好用

支持AMAZE UI，如果你夠用就好了，但是我在項目中都使用BOOTSTRAP

支持國產

某個前端群里看到自稱

我是amazeui的主力開發作者， amazeui首席執行最高指揮史

就去搜了一下，稍微在它點了下就找到一bug

在滑鼠指針放在左側菜單項時無法使用滑鼠滾輪，

不知道算不算bug，本人java程序員，反正用戶體驗是不好的這一點

我想說，一個前端框架的官網是這樣的，我對這個框架沒有好感