说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

《近匠》Amaze UI:做最懂中国程序员的开源HTML5框架

HTML文档下载 WORD文档下载 PDF文档下载
《近匠》75期,HTML5的定稿以及Web组件化让移动Web开发到了异常火爆的地步,跨屏跨平台的开源HTML5开发框架Amaze UI强调移动优先,为国内的开发者提供最具本土特色的组件工具,降低开发门槛,让应用开发变得更简单。

Amaze UI是一款完全针对HTML5开发的轻量级、模块化、强调移动优先的开源跨屏前端框架,通过拆分、封装了一些常用的网页组件,让开发者只需复制代码便可将这些跨屏组件写入到自己的应用中。相比国外框架,Amaze UI更关注中文排版优化,强调浏览器兼容性,在GitHub上线半年的时间,便已获得2300+Star。

CSDN:最初决定打造Amaze UI这样一框架有着哪些初衷和考虑?

陈本峰:Amaze UI是我们整个云适配产品的一部分,希望引领推广最新的技术,带领大家走向未来的趋势方向。现在在国外对于Web开发有一个非常热的理念,就是Web组件化,这是Google在2013年提出的新概念。开发者不需要再花费时间精力去编写日历等的代码,可以直接引用组件。

在开发云适配的过程中,我们积累了包括菜单、轮播图等在内的大量针对手机端的UI控件,但其兼容性维护及复杂的屏幕适配还需要花费很多时间去进行,而我们也希望能够与别人共享,所以最终决定将其开源,在共同形成这么一个库的同时,也让大家都能受益。

CSDN:在云适配的产品线中,Amaze UI有着什么样的定位?

陈本峰:首先,云适配可以说是Amaze UI的一个用户,它就等于把Amaze UI打包到整个云适配系统中。相对而言,云适配的产品定位是针对现在已有的PC网站,将这些PC网站转换为一个能同时支持手机、平板的跨屏网站,而Amaze UI则是直接帮助开发者开发一个跨屏跨平台的网站。

CSDN:作为开源项目,Amaze UI是如何吸引开发者参与代码提交和建立生态的?

陈本峰:在国外,开源是一项非常热门的运动,在GitHub上有着很多这种类型的开源贡献开发者。但我们确实也感觉到,开源这件事在中国还是处于早期的萌芽阶段,许多程序员可能并没有太多的时间去做贡献。当然,Amaze UI自出现以来,还是有挺多的开发者完全出于兴趣来贡献代码,主要的代码还是我们自己在更新维护,上线不到半年的时间,Amaze UI在GitHub上已经名列国内最受欢迎的开发框架TOP10,有了两千多的Star。

CSDN:您曾说“Amaze UI是最懂中国程序员的开源HTML5跨屏前端框架”,能否从其功能或设计等方面举例说明?

陈本峰:“最懂中国程序员”主要突出一个点,就是我们的本土化。国外有许多非常有名的HTML5框架,但他们的字体都是英文,对中文字体没有任何设置。而对开发者来说,做一个网页,如果不设置字体的话,那么在不同的浏览器或操作系统下,显示出来的效果就是完全是默认的,排版会特别糟糕,而Amaze UI则专门针对中文做了很多优化。

其次,浏览器的兼容性也是一大问题。Amaze UI强调移动优先,先考虑移动平台上的诸多浏览器。今时今日,浏览器的概念与过去IE、火狐等独立浏览器俨然不同,只要是能够打开HTML5页面的容器都可以叫浏览器,而现在最大的浏览器非微信莫属,但国外的框架根本不可能想到对微信做兼容。除此之外,我们还会对手机百度,以及UC、QQ、360、傲游等手机浏览器进行兼容,这些都是非常具有本土特色的。

Amaze UI还有很多非常具有中国特色的组件,比如说菜单,国外的移动端菜单一般都是上下横线,按IE的规则将菜单收起来,强调简单,而中国的很多手机网站菜单都是直接平铺出来,整个网页内容很丰富,而我们做的这些界面特色非常适合中国的程序员,云适配就是帮助企业将PC网站转换为手机端网站。截止目前,我们大概已经转换了十几万的企业网站,同时也接触了大量的企业客户,对中国的市场需求最为了解,所以,我们说自己是最懂中国程序员的开发框架,因为中国程序员开发一个网页,势必会碰到这些问题。

CSDN:与jQuery等其他框架相比,Amaze UI上手难易度如何?有哪些优势?

陈本峰:在上手难易度这块,我们比较大的优势就是官方文档都是中文的,而国外框架的官方文档虽然有人翻译,但并不能涵盖全部,此外,我们还会直接在页面及文档中为开发者提供社区支持,这也是一种本土化的考虑。

Amaze UI与jQuery并不矛盾,而是互补关系。jQuery主要是让开发者去调用浏览器顶层的JavaScript API,中间有一层是调用底层的浏览器API。jQuery也有一个UI框架——jQuery UI,主要针对PC端,不跨屏,UI风格也比较老派,还有很多类似于弧形3D的效果,但如今在移动端的整体设计趋于扁平化,无论是iOS还是Android,都是扁平化设计。Amaze UI不仅能直接跨屏,其设计风格也非常符合现在移动端的需求。

CSDN:支持跨平台,为Amaze UI本身的研发带来了哪些技术挑战?

陈本峰:Amaze UI不止是跨平台,我们把它叫做跨屏跨平台,跨屏是指不同屏幕。Amaze UI有一个很大的好处就是开发者的网站一旦完成,手机、平板、PC三个屏幕适配也就全都有了,不用开发者再劳心劳力地去开发三个网站,而跨平台相对来说是HTML5本身的优势。

说到技术挑战,Amaze UI采用响应式设计(Responsive Design),将屏幕切分成12个网格,而其风格与网格链数会随着屏幕大小而发生变化,这就是响应式设计的概念,我们在设计网格系统时,会考虑到很多因素,以中国社区更容易理解的方式,在各种应用场景下,网格系统如何才能更好地服务。

CSDN:前段时间HTML5的定稿对于开发者和类似Amaze UI等前端框架分别具备哪些意义?

陈本峰:Amaze UI是中国第一个HTML5开源框架,我们从很早以前就开始在推行HTML5,但那个时候,相对于Native App而言,HTML5还处于一个比较劣势的状态。但从2014年下半年开始,尤其到年底,整个HTML5市场关注度越来越高,越来越多的人去从事HTML5开发,主要类型为游戏和广告,在去年,诸如神经猫等的HTML5游戏刷爆了朋友圈,而HTML5广告也开始出现。相对于得靠耗钱刷榜才能跻身排行榜的各大应用商店而言,微信朋友圈已经成为了开发者们的一个重要战场,只要做一个比较有意思的内容,就会有很多人帮你传播,而其成本要低很多。

所以,现在越来越多的企业开始转向HTML5,尤其是去年年底的HTML5定稿,又大幅地增加了开发者们对于HTML5的信心。我们明显感觉到,大家对HTML5的关注度一下子提升了许多。这样对我们的框架肯定有着非常积极的促进作用,因为当开发者们都在开发HTML5应用时,Amaze UI能够帮助他们节省很多时间,并提高开发效率。

CSDN:2015年关于Amaze UI会有哪些进一步的举措?

陈本峰:在Google提出Web组件化不久,W3C便将其作为一个标准来制定,而Facebook、雅虎等巨头公司也都加入进来,我认为这个标准是大家都公认的,它将是未来Web开发的一个趋势。Amaze UI在2015年的重点工作就是Web组件,打造这么一个Web组件开发规范,将所有组件标准化。

此外,我们还将引入一种现下非常流行的Web App开发框架。网页开发分为Web App和Web Site两种不同的概念,网站是由一个个页面组成,而Web App则完全是App的体验,使用HTML5开发,未来的发展肯定会朝向Web App,因为这个体验更好,但目前相对而言开发门槛比较高,作为一款框架,Amaze UI将做一种最基础性的工作,降低门槛,让程序员开发Web App比以前更简单。


欲了解更多Amaze UI信息,请点击:http://events.csdn.net/lhl/yunshipei/Amaze%20UI/index.html

Delphi 3中Cookie的建立使用 Delphi 中 串 行 通 信 的 实 现 Delphi4.0 开发WEBMAIL程序 Delphi4的Winsocket编程 Delphi4开发WEBMAIL程序 Delphi编写网络程序的安全措施 DELPHI 和 THE INTERNET Delphi开发Web Server程序如何返回图像 Delphi开发Web Server程序响应用户的输入 DELPHI与INTERNET(二) DELPHI与INTERNET(一) Delphi中串行通信的实现 Email 服务器的简单实现-Delphi资料 Internet编程技巧-Delphi资料 SMTP组件的使用方法-Delphi资料 Web Server程序开发环境的建立-Delphi资料 WEB数据库的开发-Delphi资料 Win32 行程通讯的观念与技术-Delphi资料 编程发送E-mail-Delphi资料 调用那个函数得到本机的IP-Delphi资料 动态改变/添加网络设置中的 TCP/IP 的 DNS 地址-Delphi资料 任何动态改变/添加网络设置中的 TCP/IP 的 DNS 地址-Delphi资料 如何在程序中动态取得Win98的网络邻居中的工作组及计算机名-Delphi资料 动态设置DNS地址-Delphi资料 读取IE收藏夹内网址的信息-Delphi资料 改网络计算机名-Delphi资料 关于WEB应用程序的打印组件开发初探-Delphi资料 基于TELNET协议的DELPHI程序与LINUX主机通信的实现 监视POP3信箱-Delphi资料 开发WEBMAIL程序-Delphi资料 开发响应用户输入的数据库web Server-Delphi资料 redhat安装问题,请高手指点 网页中有一文本框,如何约束用户输入格式 现在fanso怎么回事? 安徒生童话之六---老爹做的事总是对的 (呵呵,好故事,很美丽) 如何调用EXE或DLL程序,使被调用程序是调用程序的MDI中的一个子窗口? 《网络设计师教程》P103表5.2中 4B/5B码和4位2进制之间是怎么转换的? COM进程类组件中,在一个接口中加了一个方法,成员变量类型CString,可是不行,那该用什么? 请问那里有 motif toolkit 开发工具下载 一个mysql的问题! 出售软件源代码以及销售权! byte类型的数据如何转化成二进制数,显示给用户(如8-》0000 1000) 代征:精通vc的深圳朋友,精通网络通讯的开发和多媒体处理。 20分求助!这条警告是什么原因呀?怎么解决 ?LINK : warning LNK4089: all references to "SHELL32.dll" discarded by /OPT:REF 局域网的文件共享传输是基于什么协议的? windows and dos ??? 请问大家几个技术问题!!谁能回答阿!比较着急!:) 有没有代替VB里的PICTUREBOX 的控件,VB里的不好用?????????? 我是新手,请问JSP有些什么开发软件?比如JAVA用JBUILDER。。。 请问知道整型值a=97,什么函数可以得到"a"呢?即97->"a"通过什么函数呢? 如何将十进制数转换成二进制数 函数对象的简单问题 喜欢仙剑的朋友请进。:) 恭喜恭喜? 我想制作C++ Builder4工程的安装程序,不知道用什么软件,请大家帮忙。谢谢! 请问大家几个技术问题!!谁能回答阿! 我是ASP初学者,请求一个简单的问题,Help!!! 有没有关于installshield6的书, 快看呀!我真的要不行了! 请教大家一个术语吧! 低手问题,关于Form中的数据问题,谢了。 如何用PictureBox控件显示GIF图?特急!!!!!! 单文档多视(急!) 想学delphi中关于database方面的内容,不晓得哪本书好,大家推荐好吧? “CSDN准备推出海外图书邮购服务,首批是侯捷的著作和译作” 什么时候可以开始? 谁能介绍一下嵌入开发领域比较成熟的产品?他们的功能、性能如何 关于Autocad字体的问题 在 ActiveForm 中如何初始本地数据模块!菜鸟问题! (const char *)&p转化为delphi语言该是什么? ####我拼了命也要问出这个问题的答案########## 怎样才可以描述点击窗口右上角的“x”时所发生的事件,请给个例子,谢谢了! 哪儿有Install anywhere 4下载 庆祝kylix2001,终于知道叫什么好了,耶………… VB,请问set obj=new class 和 dim obj as new class的区别????????? install anywhere 4 哪儿有下载? GGMM,向我灌水..... 如何截获视频卡串送过来的图像。 高级程序员,在weblogic上做j2ee开发半年多,jsp一年左右,求职。 那里有PB的反编译工具? ~~~~~~大家注意了: wjyasd(即使用FPE改了钱,也绝不能忘记艰苦朴素的优良作风) 这个帐号…… 关于动态连接与静态连接的问题,送分了!!! Delphi6又多了那么多的控件。每个都要去研究么??? 父爱的作文300字要写生病了爸爸照顾你,下午必要, 关于母爱和父爱的作文100字 读课文填表,遵循 瘦 字,看看作者是怎样把鲁迅先生的形象写具体的怎样的瘦\x05 观察位置、条件\x05怎样具体描写鲁迅先生的形象\x05 远、暗\x05\x05 走了出来\x05\x05 抽书、递书\x05\x05 面对面 \x0 父爱作文300字,要描写最动情的一个瞬间!就是写一个动情的瞬间,不要太俗气了. 关于父爱母爱的作文 550--600字左右是的 根据六年级课文《千百年梦圆在今朝》一文填表.时间 事件 意义明代 人类首次火箭飞行失败 横着看,如时间 事件 意义,填问号处 求关于父爱的作文300字要精彩的 不要流水账 热牛奶的坚决不要 关于父爱母爱的作文350个字左右 丰子恺 手指 这篇课文的中心 大师风范阅读答案 苏教版啊 五年级下大练第三单元测试卷的那个啊 急QAQ原文:一位世界一流的小提琴演奏家在为人之道演奏时,从来不说话。每当学生拉完一曲,他总是再把这一曲再拉一 写父爱的作文300字,只要300字可以的加悬赏分 找一篇500字左右的作文《我心中的爱》关于父爱,母爱的. 大师什么是大阅读答案 这一刻,我感受到了父爱作文500字 关于父爱或母爱的200字作文200字,一定是200字左右!不用多!用动作描写或外貌描写, 请大师细腻翻译短文,题目也要翻译,谢谢 父爱作文 关于父爱母爱的作文500字左右 有奖励哦最好带有侧面描写哦!我不想要重复的哦!百度上能收到的我不要的哦!。。。(*^__^*) 嘻嘻……谢谢大家! 作文:一个令人感动的瞬间(体现父爱或母爱) 关于父爱的作文.老师让我们写一篇 有关于父爱的作文,要体现出父爱的伟大,要有真实感受要体现父爱的伟大,要有真实感受,自己不得少于600字. 感动作文的结尾快 “一个令人感动的瞬间”为题,写一篇作文,歌颂无私的父爱或母爱.要求有具体的细节 求作文:我深深感受到了父爱的伟大!初三的作文,600字! 《一件令我感动的事》作文结尾写汶川地震的事结尾怎么写今天要 描写父爱或母爱的好文章急! 有关父爱感觉描写的文章父爱感觉的,不要具体事例, 感动的作文 结尾关于母爱 如何写关于母爱和父爱的作文?要500字以上!写一件事!适合四年级! 父爱的作文500字 求一些关于父爱的作文的素材 去几个例子,别太复杂,很急,快 父爱母爱的好文章要不长不短,通俗易懂,直点中心. 求:关于写父爱的作文 800字 写父爱作文的素材有没有? 急需一篇描写父爱或母爱的感人好文章最好短一点(写作业要用),希望今晚就有~谢谢了~ 父爱的作文700-800字亲身经历 有没有关于父爱和母爱的文章,诗,素材和事例之类的 关于母爱和父爱的作文急需母爱或者父爱的作文,要通过一件事、一次批评等等,要在今天~ 关羽父爱的作文,800字 父爱 作文素材要你自身的,不要他人的.要新颖的,不要太俗的像关于生病被照顾的,下雨送伞的等等都不要 母爱或父爱的作文 写一篇有关父爱母爱的作文 800字的 如何理解课文的主要内容 关于父爱或母爱的作文符合实际一点拉 求在父爱中成长的作文(800字) 用简单的语言把 丝绸之路 这篇课文的主要内容以及你的体会,感受写下来. 有关父爱母爱的作文!……………………………… 关于感动的作文 800字 爸爸的花儿落了的整体感知与主要内容还有我们可以从哪些细节理解与深入课文的各方面 父爱母爱作文 感动作文800字 整体感知,根据课文内容默写.《爱莲说》既写了莲花的美丽,又歌颂了莲花_________的高尚品质《爱莲说》的中心句是:_________公园画展,观赏杜丹的人总比观赏其他花的人多,用《爱莲说》中的 关于父爱母爱的文章给哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥哥 以感动为话题的作文 800字 急要有叙事的内容 读《黄河之水天上来》这篇课文,给你感受最深刻的是什么内容?并写一写你从中体会到了什么? 有关父爱母爱的文章快 关于母爱或父爱作文150字左右 1、手指这篇文章采用了什么的表达方法,语言怎么样 2、照样子写句子 匆匆那篇课文__有__的时候 要3个 父爱300字作文我说的是父爱,而且一定要300字左右 我懂得了(母爱或父爱) 作文600字 读课文 填表 看不见的大力士段落 小标题 压缩空气的用途 原理 2 3 4
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn