你可能已经发现，一个好玩有趣的HTML5页面在微信朋友圈中会比普通的独立应用获得更多的用户关注。移动应用越来越多，推广越来越难，你的产品是不是也要HTML5页面？如果答案是肯定的，那么也许你可以试试AmazeUI，一个开源的HTML5前端框架。使用它提供的Web组件、JS插件和级联样式表（CSS），可以快速构建一个HTML5产品。对于那些经常在移动设备上访问网页的用户来说，你可能已经注意到，一个网页基本上可以分为几个主要部分：菜单、标题栏、图片库、内容列表和分隔线。在AmazeUI中，官方提供了各种Web组件，你甚至可以像搭积木一样搭建HTML5产品。除了上面提到的主要Web组件外，手风琴面板、页眉、页脚、图像轮播、标签、介绍和段落等都是开发人员可以直接在AmazeUI中使用的Web组件。由于AmazeUI是一个开源产品，一些第三方开发者也在不断地为它贡献专门的组件。比如在地理位置方面，用户可能需要地图指南，这时可以集成“百度地图”组件；你可能需要文章下方的评论系统，这时就可以使用“多说”组件；一些面向服务的网页可能需要客服，这时候“美查客服”组件自然就派上用场了。当然，有些开发者可能会说这些元素只是网站的一部分，而你在真正做网站的时候，可能还需要各种交互效果和文字排版样式，这时候Amaze的JS组件和CSS组件的用处就来了UI揭示，通过JS组件，开发者可以获得一系列的UI增强，如警告框、平滑滚动、加载进度条、弹出框、模态窗口、下拉组件、按钮交互等。通过CSS组件，开发者可以直接集成按钮、表单、表格等HTML元素，使用小徽章、面包屑导航、按钮组等页面组件。目前AmazeUI拥有近20个CSS组件，10个JS组件onents和17个Web组件，近60个主题。在CEO陈本峰看来，相比国外的一些web前端框架，AmazeUI会更加考虑中国用户的需求。比如在字体排版方面，Bootstrap的前端框架没有定义中文字体，所以你的网页在不同的系统和浏览器下可能显示不一样，但是AmazeUI定义了中文字体，针对的是国内市场占有率比较高的浏览器已经优化过了，所以这种情况是可以避免的。对于那些尝试做HTML5产品的公司，你可能还停留在Facebook、LinkedIn等大公司从HTML5应用程序“叛逃”到原生应用程序的阴影中，因为即使在今天，仍然有人在谈论HTML5。以上面的例子为例。不过，曾在Chrome团队工作的工程师ShinjiIkari告诉PingWest品玩，Facebook之所以一开始就把HTML5应用做的这么慢，更多的是Facebook自己的原因，而不是HTML5。因为从技术上讲，HTML5的缺陷不是速度慢，而是无法扩展。当时Facebook的HTMLapp还在使用XML，可以说他们的技术是相当落后的。为了证明HTML5应用的性能并不逊色于原生应用，谷歌的两位工程师特地制作了一款FastbookHTML5应用，以表明Facebook的“倒戈”并不是HTML5的错。ShinjiIkari表示，HTML5应用程序的性能在两年前就可以赶上原生应用程序，更不用说现在了！那么你可能会好奇，既然HTML5的性能并不逊色于原生应用，为什么我们平时看到的优质HTML5应用却那么少呢？对于这一点，陈本峰认为，这更多是因为开发者缺乏该领域的技术积累。ShinjiIkari还表示，对于许多应用程序来说，编写原生应用程序几乎是不可避免的。如果您正在编写3D游戏并且不需要任何DOM（文档对象模型），那么根本没有理由使用HTML。使用JavaScript不仅不会简化你的工作，反而会让你的项目进度变得更糟。但是像Facebook这样的移动应用只是一个列表，没有任何内容可以超出HTML5的范围。使用HTML5应该是得心应手的，所以很多时候大公司对于技术的选择并没有太大的参考价值。嗯，解释完HTML5并没有人们想象的那么弱，你可能会觉得AmazeUI中的这些组件不足以做出你想要的产品，这也是AmazeUI选择开源的原因之一——让社区贡献更多内容。如果你现在打算做HTML5产品，即使不选择AmazeUI框架，也不要让像Facebook、LinkedIn这样的案例成为你的绊脚石。图片来自：Shutterstock
