兩岸微商網路創業平台

近日，第四屆HTML5峰會在北京國際會議中心拉開序幕，雲適配攜其「HTML5跨屏前端框架Amaze UI」高調亮相，並在大會上了做了《元件化-Web前端開發的未來趨勢》的主要演講。

HTML5跨屏前端框架Amaze UI受到了泛博程式員喜愛

元件化是Web開發的未來趨勢

Web元件化（WebComponents）理念，自Google在2013年的I/O大會上提及起，一直都有開發者關注這一開發技術的發展，只是總處於不慍不火的狀況。直至去年HTML5規範的正式定稿，Web開發也隨之異樣火爆，讓Web元件化的關注度也隨之水長船高，從今年的HTML5峰會吸引了8000多HTML5的喜愛者、開發者來參會就能略見一斑。

據雲適配創始人兼CEO陳本峰介紹，元件的技術標準在前端一直都是缺失的，直到Google提出之後，才有了Web Components標準。在此以前，大家都不曉得怎麼去封裝一個元件。Web元件化其實一直都被國外網際網路公司看好，因為從軟體架構上、開發效力上、代碼可維護性上都是一個更好的選取。但因為Web Component標準還未正式定稿，所以Amaze UI 選取Facebook React 作為 Web元件封裝標準，並遵循React所推崇的「一切皆元件」的元件化理念，實現從小到一個按鈕，大到一個頁面，甚至一個完整App均可以元件化。

Amaze UI是雲適配在其開發過程中把累積的內含選單、輪播圖等在內的大量針對於手機端的UI控件元件化後開源出來形成的，通過分割、封裝了一些常用的網頁元件，開發者只需複製代碼即可將這些跨屏元件寫入到自己的套用中。在過去的一年裡，Amaze UI以開源的形式提供了蘊含16個 CSS 元件、26個 JS 元件，更有20款蘊含近 60 個主題的 Web 元件, 此外，針對於國內主流閱讀器及 App 內建閱讀器提供了更好的相容性支撐並接入了更多本土化的因素說明解決中文排版問題，使開發者不需要再花費時間精力去編寫日曆等的代碼，即可以直接引用元件。

恰是因為這樣，自2014年8月份正式上線後，Amaze UI就受到了眾多前端專案師的喜愛，閱歷短短的1年的產品迭代，吸引了超過25萬￥開發者的加入，同時，Amaze UI 在 GitHub 上的星級關注突破了5000，基本上是國內開源軟體增長最快的一個了。

Amaze UI的下一步計劃

講到Amaze UI的優勢，陳本峰認為最大的優勢就是累積，第一，雲適配在Web Components上累積了不少經驗，以及元件數量；第二，雲適配累積了對於各種裝置、閱讀器的相容性以及適配性，這點是真的要靠點滴累積的，別人很難去超出。第三，Amaze UI是一個開源框架，這也算是一個優勢，就像一個社區，開發者確定會挑最大的框架使用，因為在使用中遇到問題的話，只要在網上搜尋就能找到謎底，而選取新框架的話，碰到問題也不易找到說明。

從目前網際網路的大事態發展來看，PC網際網路正在向搬移網際網路急速地轉移，開發者急需能夠解決重複繁複的跨屏、適配問題，讓PC網站、新增的網站或是搬移套用更好地適應搬移端的前端開源技術，但限於技術門坎以及開源環境的不成熟，市場上解決跨屏適配問題的開源項目卻基本上寥寥無幾。

開源的HTML5跨屏前端框架Amaze UI恰逢其時。據介紹，除了了提供基於HTML5的前端跨屏元件外， Amaze UI 將在後續的開發工作中，還將陸續推出Amaze UI for App、Amaze UI元件市場等更多提高開發效力的工具；同時，跟著Amaze UI產品的不斷豐厚、功能完美及開發者數量急劇增多及相應的需求增多，AmazeUI也將推出社區模式運營，從而與開發樹立更高效的溝通渠道，及時獲取開發者需求及反饋，從而以更專業的模式來服務開發者。

據悉，Amaze UI for App是一個只針對於搬移端的版本，它的開發是為了知足多種套用場景，讓搬移套用開發者們用Amaze UI開發出接近於原生的HTML5搬移套用：

1)       開發原生 App，需要快速出代碼層級的互動原型。

2)       搬移行銷快速搭建搬移站台

3)       基於BaaS 或是第三方 API，做一個有趣的套用，不需要後端；

4)       Hybrid App，不可能把一個臃腫、低效的響應式的網站打包進 App；