云适配陈本峰详解开源HTML5框架Amaze UI

  3721.html">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)等信息直观传达元素的功能角色,同时关注结构、样式、行为分离,降低各部分的耦合程度,提高开发效率和可维护性。

  移动优先,跨屏适配。

  遵循 “移动优先(Mobile First)”、“渐进增强(Progressive enhancement)”的理念,可先从移动设备开始开发网站,逐步在扩展的更大屏幕的设备上,专注于最重要的内容和交互,适应移动互联潮流。轻松创建跨屏适配的网页。

  模块化,按需定制。

  AMUI使用LESS编写样式,结构良好,易扩展,易维护;使用Seajs模块化开发、组织 JavaScript,自然、优雅。

  本地化支持。

  相比国外的前端框架,Amaze UI专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

  InfoQ:Amaze UI现在在内测期,有什么期待和下一步计划?

  陈本峰:Amaze UI目前处在内测期,希望能尽可能多的收集到优秀的、有建设性的反馈建议和看法,与广大优秀前端开发者共同完善Amaze UI 的功能,推动中国移动跨屏前端技术的发展。

  下一步计划:Amaze UI的目标是帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页。 Amaze UI 将会在所有测试反馈处理工作结束后,内部进一步完善和丰富功能,满足更多开发者的需求,8月初会正式以开源形式向众多开发者免费开放。

  受访者简介

  陈本峰,云适配技术发明者,兼任国际互联网标准联盟W3C中国区HTML5布道官。曾供职于微软美国总部IE浏览器核心研发团队,参与了IE的HTML5引擎的设计和开发以及HTML5标准制定的讨论,成功发布了IE8、IE9和IE10。 加入微软前,在W3C实验室从事互联网标准研究,发明了一项手机浏览技术的国际专利。曾获微软最有价值技术专家(MVP)荣誉称号、微软最佳产品贡献奖。在香港读书时,受开源精神领袖理查德·马修·斯托曼影响,倡导互联网免费共享、奉献精神。

时间: 2024-09-15 04:45:39

云适配陈本峰详解开源HTML5框架Amaze UI的相关文章

云适配陈本峰:我为什么发起“中国企业级H5产业联盟”

近日,由中国企业级HTML5产业联盟(以下简称HTML5联盟)主办,云适配协办,天津武清商务区承办.数据中心联盟指导的"中国企业级HTML5第一届联盟大会暨2016年移动云生态论坛"在武清商务区召开.来自各行业的理事成员及天津市武清区领导及企业代表共聚一堂,共同见证了HTML5联盟的成立.作为第一届联盟主席,云适配创始人兼CEO陈本峰在会上讲述了他成立这样一个HTML5联盟的初衷,以及对联盟未来发展战略的初步规划.   陈本峰在中国企业级HTML5产业联盟现场演讲 以下是讲话整理: 尊

云适配陈本峰:多屏时代如何实现智慧政务?

近日,以"新一代信息技术与新型智慧城市建设"为主题的"第十届中国电子政务高峰论坛"在北京大学隆重举行.本次论坛由北大信息化与信息管理研究中心和中国新一代IT产业推进联盟主办.活动上,来自政府部门的信息化负责人.大型企业CIO.业界媒体.合作伙伴等近150人参与了此次盛会.云适配创始人兼CEO陈本峰带来了题为<移动改变世界重构企业核心竞争力>的精彩分享. 以下为演讲实录: 非常感谢主办方给我这个机会在这里跟大家探讨一下新的电子政务解决方案,我是云适配创始人

Android安装apk文件并适配Android 7.0详解

Android安装apk文件并适配Android 7.0详解 首先在AndroidManifest.xml文件,activity同级节点注册provider: <provider android:name="android.support.v4.content.FileProvider" android:authorities="${applicationId}.file_provider" android:exported="false"

详解Android主流框架不可或缺的基石

探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍 自定义View系列教程02–onMeasure源码详尽分析 自定义View

HTML5 跨屏前端框架 Amaze UI 正式开源!

//今日重磅// 妹子UI开!源!了! 从6月底杭Js大会上妹子UI首次亮相,令人惊喜,到7月先后两次大规模内测,不断得到开发者们的支持! 今天--8月5日 AMUI团队兑现了自己的诺言,妹子UI终于迎来了正式公测,开放下载所有文档!! 希望你在体验之后,把你的想法和建议反馈给我们,我们一起做出更好的产品. //如何使用妹子UI// 登陆:http://amazeui.org/大家可以直接下载完整的文档和组件,我们希望有好伙伴一起贡献代码,完善妹子UI! Amaze UI 是中国首个开源 HTM

阿里云域名caa记录添加详解

本篇写于tiansir.com  原创文章 2017-12-9 CAA记录介绍 CAA,全称Certificate Authority Authorization,即证书颁发机构授权.它为了改善PKI(Public Key Infrastructure:公钥基础设施)生态系统强度.减少证书意外错误发布的风险,通过DNS机制创建CAA资源记录,从而限定了特定域名颁发的证书和CA(证书颁发机构)之间的联系.从此,再也不能是任意CA都可以为任意域名颁发证书了. 关于CAA记录,其实早在4年前便在RFC

hadoop详解(十三) 序列化框架

框架简介 MapReduce仅仅可以支持Writable做key,value吗?答案是否定的.事实上,一切类型都是支 持的,只需满足一个小小的条件:每个类型是以二进制流的形式传输.为此Hadoop提供了一个序列化框架来支 持,他们在org.apache.hadoop.io.serializer包中,Writable可以作为MapReduce支持的类型也是因为实现了 这个框架,类不多,我们从几个接口说起. Serializer 定义了一组接口,打开流,序列化,关闭流 public interfac

详解开源大数据引擎Greenplum的架构和技术特点

Greenplum的MPP架构 Greenplum(以下简称GPDB)是一款开源数据仓库.基于开源的PostgreSQL改造,主要用来处理大规模数据分析任务,相比Hadoop,Greenplum更适合做大数据的存储.计算和分析引擎. GPDB是典型的Master/Slave架构,在Greenplum集群中,存在一个Master节点和多个Segment节点,其中每个节点上可以运行多个数据库.Greenplum采用shared nothing架构(MPP).典型的Shared Nothing系统会集

CentOS7 阿里云的yum源使用详解_docker

CentOS 7 使用阿里云的yum源 1. 备份原来的yum源 sudo cp /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.bak  2.设置aliyun的yum源 sudo wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo  3.添加EPEL源 EPEL(http://fedor