前端攻城師 GG 有福啦——妹子 UI 評測第一彈來了~

最近一段時間，有很多前端工程師 GG 跟小編聊到 Amaze UI 啥時候開放哪、能不能發個內測碼什麼的，遇到這種問題，小編必須義正言辭地說實話，告訴他 Amaze UI 還有幾天就會開放了，內測碼什麼的小窗我就有啦。

考慮到你們對 Amaze UI 的比較關心，細心的小編在收到一篇內測評測後就滿心歡喜地分享給你們啦。

若是看到這篇文章的小夥伴沒有申請，能夠點擊這裏哦~ (๑•ᴗ•๑)

用戶測評報告以下

上週收到Amaze UI的邀請, 有幸成爲他們的第一批內測用戶。

打開Amaze UI 的首頁咱們首先看到了Amaze UI 的一些特性；

話說回來，在amaze ui裏的不少文檔裏都有提到對於瀏覽的支持都是IE 10+ ,經過上邊的圖咱們就很容易知道了，由於他是爲移動而生的，可是不知道下來有沒有改變一下對於低端瀏覽器的支持，做爲框架其實都應該是全屏適配的麼哈。

下來用他們提供的帳號登錄進來，先看看裏邊的料吧。

登錄進來後基本跟bootstrap模板差很少，都是從起步開始而後css 再是js等等可是在amazeui裏邊增長了web組件的支持，這個組件並非獨立存在的而是配合着雲適配的webide來進行使用的，其實我感受這應該纔是amazeui的兩點所在吧。

已經火燒眉毛的把源碼下一份了，可是貌似有點坑，正常狀況下咱們的文件組成形式應該都是 images css js 這些東西 可是爲何amazeui的目錄形式會是這樣的。

先無論這些，其實妹紙的佔用空間仍是很小的。

從總體上來看妹子ui的總體和其餘的開源框架都是很類似的，可是做爲國人本身的開源框架畢竟應該有一些不一樣，下來我們仍是看看亮點吧。

桌面圖標

Amaze UI 率先增長了針對桌面圖標 touch Icon 的支持，並對Touch Icon作了終極解決方案。

· rel="apple-touch-icon-precomposed"：不給 Icon 添加額外的效果；兼容 Android 1.5 - 2.1。

· Icon 尺寸：144px * 144px，兼容 iPhone、iPad 及絕大部分安卓設備。

兼容性列表

GBS 是 YUI 團隊提出的應對日益增加的瀏覽器兼容問題的思路

A 級：最高支持級別，充分利用 H5 和 CSS3 等技術，提供最優的視覺和交互效果。

B 級：有限支持，基本的樣式和正常的交互，不考慮視覺、交互效果。

C 級：核心支持，顯示語義化的 HTML 標記渲染的內容，不考慮樣式和行爲。

X 級：未知、零散的不多使用或已經中止開發的瀏覽器，可能不支持，也可能支持。

WEB 組件支持

Web Components 頗使人嚮往，無奈瀏覽器支持有限，因此，Amaze UI Web 組件按照 Web Components 的實現形式，使用瀏覽器支持更爲普及的技術，將移動開發中經常使用的組件切割成不一樣部分，實現類 Web Components 的組件，提升開發效率。

Amaze UI Web 組件 經過一個 package.json 文件描述，每一個組件由模板（hbs）、樣式（LESS）、交互（JS）三部分組成，其中樣式可能有多個文件（不一樣的主題）。組件樣式和交互以 CSS 、JS 插件 爲基礎編寫；使用 Handlebars 做爲模板引擎。

剩下的東西基本就和其餘的差很少，可是在amaze UI裏邊最大的不一樣是他們對於中文的支持很強大，就像他們所說的那樣最爲國內的開源框架，仍是有一些國情須要將就下的。

這裏沒有用amaze ui去作一些實際的東西，下來在把作東西的一些實例放出來讓你們嚐嚐鮮，整體上感受非常不錯，國內仍是很須要一些本身的開源前端框架存在的。