发布于 2015-08-10 06:00:33 | 152 次阅读 | 评论: 0 | 来源: 网友投递
Amaze UI 轻量级HTML5前端框架
Amaze UI是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架，通过拆分、封装了一些常用的网页组件，比如轮播图框、文字框等等组件，让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中，而不需要自己在开发的过程中重写一遍。
近日，第四届HTML5峰会在北京国际会议中心拉开序幕，云适配携其“HTML5跨屏前端框架Amaze UI”亮相，并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。
组件化是Web开发的未来趋势
Web组件化（Web Components）理念，自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；
Amaze UI是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架，通过拆分、封装了一些常用的网页组件，比如轮播图框、文字框等等组件，让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中，而不需要自己在开发的过程中重写一遍。