近日，第四屆HTML5峰會(huì)在北京國(guó)際會(huì)議中心拉開序幕，云適配攜其“HTML5跨屏前端框架Amaze UI”高調(diào)亮相，并在大會(huì)上了做了《組件化-Web前端開發(fā)的未來(lái)趨勢(shì)》的重要演講。

[[144729]]

HTML5跨屏前端框架Amaze UI受到了廣大程序員喜愛

組件化是Web開發(fā)的未來(lái)趨勢(shì)

Web組件化（WebComponents）理念，自Google在2013年的I/O大會(huì)上提及起，一直都有開發(fā)者關(guān)注這一開發(fā)技術(shù)的發(fā)展，只是總處于不慍不火的狀態(tài)。直至去年HTML5規(guī)范的正式定稿，Web開發(fā)也隨之異?；鸨?，讓W(xué)eb組件化的關(guān)注度也隨之水漲船高，從今年的HTML5峰會(huì)吸引了8000多HTML5的愛好者、開發(fā)者來(lái)參會(huì)就能略見一斑。

據(jù)云適配創(chuàng)始人兼CEO陳本峰介紹，組件的技術(shù)標(biāo)準(zhǔn)在前端一直都是缺失的，直到Google提出以后，才有了Web Components標(biāo)準(zhǔn)。在此之前，大家都不知道怎么去封裝一個(gè)組件。Web組件化其實(shí)一直都被國(guó)外互聯(lián)網(wǎng)公司看好，因?yàn)閺能浖軜?gòu)上、開發(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都可以組件化。

Amaze UI是云適配在其開發(fā)過(guò)程中把積累的包括菜單、輪播圖等在內(nèi)的大量針對(duì)手機(jī)端的UI控件組件化后開源出來(lái)形成的，通過(guò)拆分、封裝了一些常用的網(wǎng)頁(yè)組件，開發(fā)者只需復(fù)制代碼便可將這些跨屏組件寫入到自己的應(yīng)用中。在過(guò)去的一年里，Amaze UI以開源的形式提供了包含16個(gè) CSS 組件、26個(gè) JS 組件，更有20款包含近 60 個(gè)主題的 Web 組件, 此外，針對(duì)國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器提供了更好的兼容性支持并接入了更多本土化的因素幫助解決中文排版問(wèn)題，使開發(fā)者不需要再花費(fèi)時(shí)間精力去編寫日歷等的代碼，便可以直接引用組件。

正是因?yàn)槿绱耍?014年8月份正式上線后，Amaze UI就受到了眾多前端工程師的喜愛，經(jīng)歷短短的1年的產(chǎn)品迭代，吸引了超過(guò)25萬(wàn)開發(fā)者的加入，同時(shí)，Amaze UI 在 GitHub 上的***關(guān)注突破了5000，基本上是國(guó)內(nèi)開源軟件增長(zhǎng)最快的一個(gè)了。

Amaze UI的下一步計(jì)劃

講到Amaze UI的優(yōu)勢(shì)，陳本峰認(rèn)為***的優(yōu)勢(shì)就是積累，***，云適配在Web Components上積累了很多經(jīng)驗(yàn)，以及組件數(shù)量；第二，云適配積累了對(duì)各種設(shè)備、瀏覽器的兼容性和適配性，這點(diǎn)是真的要靠點(diǎn)滴累積的，別人很難去超越。第三，Amaze UI是一個(gè)開源框架，這也算是一個(gè)優(yōu)勢(shì)，就像一個(gè)社區(qū)，開發(fā)者肯定會(huì)挑***的框架使用，因?yàn)樵谑褂弥杏龅絾?wèn)題的話，只要在網(wǎng)上搜索就能找到答案，而選擇新框架的話，碰到問(wèn)題也不容易找到幫助。

從目前互聯(lián)網(wǎng)的大局勢(shì)發(fā)展來(lái)看，PC互聯(lián)網(wǎng)正在向移動(dòng)互聯(lián)網(wǎng)急速地轉(zhuǎn)移，開發(fā)者急需能夠解決重復(fù)繁復(fù)的跨屏、適配問(wèn)題，讓PC網(wǎng)站、新建的網(wǎng)站或者移動(dòng)應(yīng)用更好地適應(yīng)移動(dòng)端的前端開源技術(shù)，但限于技術(shù)門檻和開源環(huán)境的不成熟，市場(chǎng)上解決跨屏適配問(wèn)題的開源項(xiàng)目卻基本上***。

開源的HTML5跨屏前端框架Amaze UI恰逢其時(shí)。據(jù)介紹，除了提供基于HTML5的前端跨屏組件外， Amaze UI 將在后續(xù)的開發(fā)工作中，還將陸續(xù)推出Amaze UI for App、Amaze UI組件市場(chǎng)等更多提高開發(fā)效率的工具；同時(shí)，隨著Amaze UI產(chǎn)品的不斷豐富、功能完善及開發(fā)者數(shù)量急劇增多及相應(yīng)的需求增多，AmazeUI也將推出社區(qū)方式運(yùn)營(yíng)，從而與開發(fā)建立更高效的溝通渠道，及時(shí)獲得開發(fā)者需求及反饋，從而以更專業(yè)的方式來(lái)服務(wù)開發(fā)者。

據(jù)悉，Amaze UI for App是一個(gè)只針對(duì)移動(dòng)端的版本，它的開發(fā)是為了滿足多種應(yīng)用場(chǎng)景，讓移動(dòng)應(yīng)用開發(fā)者們用Amaze UI開發(fā)出接近于原生的HTML5移動(dòng)應(yīng)用：

1)       開發(fā)原生 App，需要快速出代碼級(jí)別的交互原型。

2)       移動(dòng)營(yíng)銷快速搭建移動(dòng)站點(diǎn)

3)       基于BaaS 或者第三方 API，做一個(gè)有趣的應(yīng)用，不需要后端；

4)       Hybrid App，不可能把一個(gè)臃腫、低效的響應(yīng)式的網(wǎng)站打包進(jìn) App；