近日，國(guó)內(nèi)首款HTML5開(kāi)源框架Amaze UI 宣布其在Github上的星級(jí)關(guān)注超過(guò)5000，躋身Github上國(guó)內(nèi)開(kāi)源軟件中的星級(jí)標(biāo)注數(shù)排行榜TOP5，成為除百度、阿里等推出的開(kāi)源項(xiàng)目以外最受開(kāi)發(fā)者喜愛(ài)的開(kāi)源軟件之一。
Github國(guó)內(nèi)開(kāi)源軟件排名
Amaze UI是云適配在其開(kāi)發(fā)過(guò)程中把積累的包括菜單、輪播圖等在內(nèi)的大量針對(duì)手機(jī)端的UI控件組件化后開(kāi)源出來(lái)形成的，通過(guò)拆分、封裝了一些常用的網(wǎng)頁(yè)組件，開(kāi)發(fā)者只需復(fù)制代碼便可將這些跨屏組件寫(xiě)入到自己的應(yīng)用中。因此，自2014年8月份正式上線后，經(jīng)歷短短的1年的產(chǎn)品迭代，Amaze UI 在 GitHub 上的星級(jí)關(guān)注就從0突破到5000，基本上是國(guó)內(nèi)開(kāi)源軟件增長(zhǎng)最快的一個(gè)了。
Web組件化一直是直都是國(guó)外眾多互聯(lián)網(wǎng)公司都看好的Web開(kāi)發(fā)模式，因?yàn)閺能浖軜?gòu)上、開(kāi)發(fā)效率上、代碼可維護(hù)性上都是一個(gè)更好的選擇。但因?yàn)閃eb Component標(biāo)準(zhǔn)還未正式定稿，所以Amaze UI 選擇Facebook React 作為 Web組件封裝標(biāo)準(zhǔn)，并遵循React所推崇的“一切皆組件” 的組件化理念，實(shí)現(xiàn)從小到一個(gè)按鈕，大到一個(gè)頁(yè)面，甚至一個(gè)完整App都可以組件化。
在過(guò)去的一年里，Amaze UI以開(kāi)源的形式提供了包含16個(gè) CSS 組件、26個(gè) JS 組件，更有20款包含近 60 個(gè)主題的 Web 組件, 此外，針對(duì)國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器提供了更好的兼容性支持并接入了更多本土化的因素幫助解決中文排版問(wèn)題，使開(kāi)發(fā)者不需要再花費(fèi)時(shí)間精力去編寫(xiě)日歷等的代碼，便可以直接引用組件。
從目前互聯(lián)網(wǎng)的大局勢(shì)發(fā)展來(lái)看，PC互聯(lián)網(wǎng)正在向移動(dòng)互聯(lián)網(wǎng)急速地轉(zhuǎn)移，開(kāi)發(fā)者急需能夠解決重復(fù)繁復(fù)的跨屏、適配問(wèn)題，讓PC網(wǎng)站更好地適應(yīng)移動(dòng)端的前端開(kāi)源技術(shù)，但限于技術(shù)門(mén)檻和開(kāi)源環(huán)境的不成熟，市場(chǎng)上解決跨屏適配問(wèn)題的開(kāi)源項(xiàng)目卻基本上寥寥無(wú)幾。
為此，除了提供基于HTML5的前端跨屏組件外， Amaze UI 將在后續(xù)的開(kāi)發(fā)工作中，陸續(xù)推出Amaze UI for App、Amaze UI組件市場(chǎng)等更多提高開(kāi)發(fā)效率的工具。同時(shí)，考慮到Amaze UI對(duì)交互較復(fù)雜的應(yīng)用場(chǎng)景不夠用，以及功能過(guò)省，Amaze UI 將考慮精簡(jiǎn)作出一個(gè)只針對(duì)移動(dòng)端的版本--- Amaze UI for App。
據(jù)悉，該版本將更好地滿(mǎn)足以下幾種主要應(yīng)用場(chǎng)景：
1) 開(kāi)發(fā)原生 App，需要快速出代碼級(jí)別的交互原型。
2) 移動(dòng)營(yíng)銷(xiāo)快速搭建移動(dòng)站點(diǎn)
3) 基于BaaS 或者第三方 API，做一個(gè)有趣的應(yīng)用，不需要后端;
4) Hybrid App，不可能把一個(gè)臃腫、低效的響應(yīng)式的網(wǎng)站打包進(jìn) App;
而從技術(shù)架構(gòu)上將可能使用以下方式：
1) 基于 React 開(kāi)發(fā)，不依賴(lài) Zepto 等 DOM 操作庫(kù)，可能的使用方式：
a) React +react-router + Flux
b) React + Backbone
c) React + Angular
d) React + Meteor
2) 使用 Flexbox 布局；
3) 沿襲現(xiàn)在的 UI 風(fēng)格（參考微軟 UWP 設(shè)計(jì)指南）：即Amaze UIMobile 將不再需要一個(gè)Framework7，也不再需要 Material Design 的 UI 移動(dòng)框架，不帶有過(guò)多的系統(tǒng)痕跡。
隨著國(guó)內(nèi)技術(shù)社區(qū)的發(fā)展，國(guó)產(chǎn)開(kāi)源項(xiàng)目越來(lái)越多，一方面是知識(shí)為載體的技術(shù)能夠通過(guò)開(kāi)源分享形式獲得穩(wěn)定的用戶(hù)關(guān)注，另一方面開(kāi)源能夠幫助企業(yè)獲得外源的很多技術(shù)支持并且更容易找到與開(kāi)發(fā)項(xiàng)目能力匹配的人才。隨著Amaze UI產(chǎn)品的不斷豐富、功能完善及開(kāi)發(fā)者數(shù)量急劇增多及相應(yīng)的需求增多，AmazeUI也將推出社區(qū)方式運(yùn)營(yíng)，從而與開(kāi)發(fā)建立更高效的溝通渠道，及時(shí)獲得開(kāi)發(fā)者需求及反饋，從而以更專(zhuān)業(yè)的方式來(lái)服務(wù)開(kāi)發(fā)者。據(jù)悉， Amaze UI 社區(qū)已開(kāi)始內(nèi)測(cè)，不久將為開(kāi)發(fā)者們提供更好的服務(wù)和交流平臺(tái)。
