2014年7月，云适配发布了开源的HTML5前端框架Amaze UI （www.amazeui.org)，目前处于内测期。根据Amaze UI的官网介绍，该框架的特点是mobile first，解决Web应用从PC向多屏适配的问题，兼容国内主流浏览器和平台，并且专注解决中文排版优化问题。 InfoQ中文站跟云适配CEO陈本峰，前微软美国总部IE浏览器核心工程师，进行了交流，了解有关Amaze UI框架的更多细节。
InfoQ：现在前端框架这么多，为什么还要开发Amaze UI？ 陈本峰：国内前端框架确实不少，但能解决浏览器存在的跨屏适配和兼容性问题的技术却很少。再加上国内对开源技术的思想意识不够，很多成熟的技术主要封闭在自己的公司内，这样造成整个产业链在技术上很难互惠互通。 与此同时，移动、跨屏已经成为了的当下互联网最热门的技术，而前端开发者在开发网页时，时常会陷入重复解决繁复的跨屏、适配问题，耗费精力，影响工作效率，产品开发进度慢这样的恶性循环中。 InfoQ：跟Amaze UI功能类似的之前的框架有哪些？你觉得它们什么地方不好用？ 陈本峰：目前功能相似的能解决同类需求的主要是国外的开源框架，如Bootstrap、Foundation、Semantic UI。 Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包。Bootstrap框架拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的，也是其最受欢迎的条件之一。 Foundation宣称是世界最好的响应式前端框架，默认支持5种网格布局，是三款框架中最复杂也是最灵活的。Bootstrap默认支持四种网格布局，Pure默认支持一种。 Semantic UI是语义化设计的前端框架，开发更加直观，UI组建可实时调试输出，其最大的特点是充分利用CSS3动画特效，简洁实用漂亮的样式。 以上各种产品我们也用过，当时我们发现全球有将近6%的网站是基于Bootstrap做的。不过对于中国开发者来说，Bootstrap门槛仍然较高，而且本土化支持不够好。 首先，Bootstrap只支持英文字体，并没有对中文字体做设置。在不同操作系统、不同浏览器下，默认的中文字体可能是不一样的，这样会导致网页在某些时候显示得不太好看。而且英文字号和中文字号的大小也不一样，直接用Bootstrap来做文字排版并不能达到最好的效果。另外，国内浏览器种类繁多，Bootstrap也无法照顾到对国内浏览器的支持，我们希望不断加强对各种本土浏览器的支持，帮助广大前端开发者从最繁琐痛苦的浏览器性问题中解脱出来。其次，Bootstrap 因为最早是从PC端开始做的，所以有些地方是先PC后移动，而Amaze UI的思路是先移动后PC。例如，Bootstrap使用了jQuery库，而Amaze UI使用了Zepto.js，Zepto.js的体积不到jQuery的1/3，对移动端的性能很大提升。因此，一个针对中国市场的、移动优先的跨屏前端开发框架开发者有很强的需求，也是一个行业的空白。
InfoQ：Amaze UI针对上述痛点，提出了什么不同的解决思路？ 陈本峰：解决思路上，通过拆分、封装一些常用的网页组件，以规范化通过云适配平台开发的移动网站，统一用户体验。 具体措施上： 语义化。 Amaze UI开发遵循语义化原则，意图通过类名（class）等信息直观传达元素的功能角色，同时关注结构、样式、行为分离，降低各部分的耦合程度，提高开发效率和可维护性。 |
