如果你是一個(gè)高級前端開發(fā)程序員，整天在Github上泡著，那你應(yīng)該知道Amaze UI，一個(gè)還不錯(cuò)的開源HTML5跨屏前端框架。也許是因?yàn)镠TML5終于在今年下半年定稿了，基于HTML5的開發(fā)再度升溫，使得僅僅上線4個(gè)月的Amaze UI在Github上就獲得了超過2000的星標(biāo)注，躋身國產(chǎn)開源軟件排行榜Top5，與BAT齊名。

近兩周Github上國產(chǎn)開源軟件排名Top 10

3個(gè)月10萬的下載量是如何煉成的?

最近，Amaze UI的下載量已經(jīng)接近10萬了，對于一個(gè)由創(chuàng)業(yè)團(tuán)隊(duì)推出，且上線時(shí)間僅僅只有幾個(gè)月的開源框架來說，確實(shí)不容易。對于這些成績，Amaze UI的項(xiàng)目負(fù)責(zé)人云適配CEO陳本峰解釋說，這些得益于HTML5的“東風(fēng)”，除此之外，更是因?yàn)锳maze UI是最懂中國程序猿的開源 HTML5 跨屏前端框架。

為什么說是借了HTML5的“東風(fēng)”呢?

HTML5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺(tái)的跨平臺(tái)語言。在HTML5定稿之前，國內(nèi)絕大多數(shù)瀏覽器已經(jīng)支持HTML5，包括UC在內(nèi)的很多手機(jī)瀏覽器已經(jīng)迫不及待發(fā)展Web App，用于抵消原生App所吞噬的流量。

而隨著今年HTML5的定稿的當(dāng)下，已經(jīng)是移動(dòng)互聯(lián)網(wǎng)的天下，對于移動(dòng)設(shè)備來說，硬件性能的提升移動(dòng)程度上抹平了HTML的不足，同時(shí)補(bǔ)充了流媒體和游戲能力。行業(yè)支持上從***的Android5.0開始，Webview可以通過Google Play Store實(shí)時(shí)更新，和Chrome的升級保持一致，用戶就可以不刷機(jī)享受到***的瀏覽器引擎;iOS 8發(fā)布后，蘋果還是很識(shí)趣地取消了三方程序調(diào)用Nitro的限制，現(xiàn)在任意瀏覽器或應(yīng)用調(diào)用iOS的UIWebview都可以利用Nitro加速。

隨著硬件性能的持續(xù)提升，開發(fā)者們的持續(xù)努力，這一切都讓HTML5迅速升溫，這讓Amaze UI“恰逢大勢”。

除此之外，Amaze UI雖然是一個(gè)開源框架，但是它還有一個(gè)專門的團(tuán)隊(duì)每天維護(hù)。對于這一點(diǎn)，陳本峰介紹說，從國外的開源經(jīng)驗(yàn)來看，一個(gè)項(xiàng)目要想成功，必須有一個(gè)專職的研發(fā)團(tuán)隊(duì)來做。雖然我們談開源，經(jīng)常說靠社區(qū)的力量，但是最核心的推動(dòng)力還需要是專職團(tuán)隊(duì)，并且這個(gè)專職團(tuán)隊(duì)是真的為社區(qū)服務(wù)的，“Amaze UI就擁有這樣一支團(tuán)隊(duì)。”

前端框架這么多，Amaze UI為什么會(huì)火?

國內(nèi)前端框架確實(shí)不少，但能解決瀏覽器存在的跨屏適配和兼容性問題的技術(shù)卻很少。再加上國內(nèi)對開源技術(shù)的思想意識(shí)不夠，很多成熟的技術(shù)主要封閉在自己的公司內(nèi)，這樣造成整個(gè)產(chǎn)業(yè)鏈在技術(shù)上很難互惠互通。

與此同時(shí)，移動(dòng)、跨屏已經(jīng)成為了的當(dāng)下互聯(lián)網(wǎng)最熱門的技術(shù)，而前端開發(fā)者在開發(fā)網(wǎng)頁時(shí)，時(shí)常會(huì)陷入重復(fù)解決繁復(fù)的跨屏、適配問題，耗費(fèi)精力，影響工作效率，產(chǎn)品開發(fā)進(jìn)度慢這樣的惡性循環(huán)中。

Amaze UI 以“移動(dòng)優(yōu)先(Mobile first)”為理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動(dòng)互聯(lián)潮流。

目前與Amaze UI功能相似的能解決同類需求的主要是國外的開源框架，如Bootstrap、Foundation、Semantic UI。

全球有將近6%的網(wǎng)站是基于Bootstrap做的。不過對于中國開發(fā)者來說，Bootstrap門檻仍然較高，而且本土化支持不夠好。 首先，Bootstrap只支持英文字體，并沒有對中文字體做設(shè)置。在不同操作系統(tǒng)、不同瀏覽器下，默認(rèn)的中文字體可能是不一樣的，這樣會(huì)導(dǎo)致網(wǎng)頁在某些時(shí)候顯示得不太好看;其次，國內(nèi)瀏覽器種類繁多，Bootstrap也無法照顧到對國內(nèi)瀏覽器的支持;再次，Bootstrap 因?yàn)樽钤缡菑腜C端開始做的，所以有些地方是先PC后移動(dòng)，而Amaze UI的思路是先移動(dòng)后PC。

如今，“瀏覽器”這個(gè)概念在移動(dòng)時(shí)代已經(jīng)完全不同了，陳本峰認(rèn)為，微信、百度、微博都是WebView(之所以用WebView，不叫“瀏覽器”，是因?yàn)樵诮裉斓囊苿?dòng)平臺(tái)上，運(yùn)行HTML5的環(huán)境不僅僅包括UC、QQ等獨(dú)立瀏覽器)， 而且用戶在這3個(gè)超級App上瀏覽網(wǎng)頁的頻率要高于傳統(tǒng)的瀏覽器。

因此，一個(gè)針對中國市場的、移動(dòng)優(yōu)先的跨屏前端開發(fā)框架開發(fā)者有很強(qiáng)的需求，也是一個(gè)行業(yè)的空白。

Amaze UI填補(bǔ)了這個(gè)空白。Amaze UI的出現(xiàn)在中文字體支持、瀏覽器兼容以及更好地跨屏兼容到移動(dòng)端等問題上，有著更加突出的優(yōu)勢。云適配為它封裝了更多組件，包含近 20 個(gè) CSS 組件、10 個(gè) JS 組件，更有 17 款包含近 60 個(gè)主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁面。

除此之外，為了能將 “移動(dòng)優(yōu)先” 做到***， Amaze UI正在集中火力研發(fā)Amaze UI 2.2，把微信JS SDK 、W3C標(biāo)準(zhǔn)，百度輕應(yīng)用JS SDK做一個(gè)封裝，以滿足Amaze UI的廣大粉絲開發(fā)者們的需求。該版本預(yù)計(jì)2015年春節(jié)前就能推出。

這也是Amaze UI是“最懂中國程序猿”的由來。

最近，Amaze UI團(tuán)隊(duì)又干了一件大事，為了讓國內(nèi)的“程序猿們”更有親近感，他們啟用了新域名：meizi.io，意思是把自己比喻成一個(gè)“妹子”，每一個(gè)“程序猿”都應(yīng)該有一個(gè)“好妹子”，你們懂的。