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

[[144729]]

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；