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

《近匠》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

C#中用Automation自动化方式对Excel的操作 VB如何打开或保存为有密码保护的Excel sheets工作表 VB在Excel表格文件中搜索指定内容 VB复制Excel表到另外一个Excel中 Java实现生成网站快照缩略图片 php实现生成网站快照缩略图片 C#实现生成网站快照缩略图片 VB比较两个Excel表格的内容 VB实现Excel按列或行排序 VB删除EXCEL表格指定行 用vb.net写的验证码识别代码 VB删除EXCEL表格指定列 Oracle数据库Windows 2003环境自动备份批处理 VB通过ADODB连接EXCEL表格文件读取数据 使用VBScript卸载软件 Discuz X2用户注册过程SQL Android手机参数表 用jQuery改变图片(image src) 用std::atomic實現簡單的讀寫鎖 ChinaPay网上支付网关.NET开发 VOB生成IFO文件用nero刻录DVD详解 15款开源Android游戏引擎(安卓免费游戏引擎) 将MVC ASPX转换到Razor视图 Word设置目录简明教程 asp.net mvc页面javascript代码中如何使用razor Discuz X论坛数据表结构:用户数据表pre_common_member boost在windows平台下自带超强 IOCP 的ASIO Boost下载和编译安装简明指引 Windows和Linux环境中Boost下载安装编译配置使用指南 Android开发技巧:Android常用类库说明 Android开发技巧:Android 文件系统 谁然认识子飞鱼啊 关于一个视图的问题 有谁写过医务室的程序的,请指点一下!提点建议! 高分求解水晶报表简单问题(在线等) 请教jmail的低级问题! 关于APPLICATION里放WAV文件的问题~超简单,送分 JB8.0开发 javabean问题(初级) 数据库建模用什么软件? *.xmf是什么文件呀!用什么软件才能打开! 事到如今,我依然最喜欢听郑智化的歌~~ 怎么用php做站内搜索? 什么是硬盘的序列号,它是怎么来的 有谁写过医务室药品进销存方面的程序的,请指点一下!提点建议! jbuilder中说找不到路径,该怎么配置啊 如何彻底删除DBF中的记录 _ConnectionPtr 对象在 Close()之前怎么判断它是否已经关闭?高分相送 请教linux下omniORB CORBA服务器的问题 如何旋转控件 无法正确显示ACCESS数据的问题 索尼爱立信t68ie 有 和弦铃声吗??????????????????? 当把htm页群发邮件,如何能实现对方用文本格式浏览什么都不显示,只有超文本才正常显示? 如何判断自己的程序窗口的坐标位置 请问:关于POINT与LODWORD之间的转换方法? 急!!!!tomcat服务器,linux系统下的JSP文件如何解决中文乱码问题?必有重谢! 急,string的如何插入到access数据库中memo类型的字段 怎么生成动态数组? 有谁给个下载Visual C++ 的地址,因为机器没光驱,不好买盘装(谢谢) GUI高手请进 [转]今年高考首例满分作文(爆笑)>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> <<delphi6开发者指南一书中的小问题 呜呜呜!!没人回答,再提!!怎么读出上传的文件内容,(根据文件路径/文件名链接打开)? bmp 图形格式转化成 jpg格式? 在Domino中,Notes命名域、Notes网络域、TcpIp网络域有什么区别,如何进行设置? 菜鸟提问 刚用JB就受挫!!!! 表名、列名都用中文会影响效率吗??? 我删除自己发的帖子怎么也会被扣信誉分? PHP3如何向ACCESS数据库增加一个记录! 第一次编译通过,再编译就一直报错。。 想了解一下上海交通大学软件学院软件工程硕士的情况,读过的或了解的请联系msn:w__j76@hotmail.com 请问如何读出某一指定point点的 颜色RGB值? 有八楼的程序员吗?给分! [讨论]滚动条的秘密 人邮或清华的高程试题分析,哪里有下载!! DirectX,OpenGL 是什么呀?是用于什么方面的呀? 请大家帮帮我吧。我快闷死了。 用BDE连接,程序在其它机子上不能运行 一个关于查询效率的探讨! 如何获取当前机器中注册的控件? 用gprs拨号上网,不能成功。 消息队列能否应用在Internet上?有没有这方面的例子? 相遇相识恨想离,相遇想离恨相识. 话不投机半句多”是什么意思啊!? 什么叫做元电荷麻烦详细点、谢咯. 已知点m(a,-b)在第二象限 点n(a+b,-ab)在第几象限 话不投机半句多是什么意思 很少有人问这个问题难道是说 半句话都不能相合在一起吗! 一个平行四边形拉成长方形后,长方形的面积是48平方分米,求平行四边形的面积. 已知a<b,b>0,则点M(ab-1,a-b)在第____象限. 酒逢知己千杯少,话不投机半句多,有什么含义? 下图的长方形面积是48平方分米,求平行四边形的面积! 投影仪投影大小的问题比如epson PowerLite8350和epson PowerLite 95 Multimedia Projector两架机子在同等距离下投影出来的大小是不是好的那架可以放的比较大?(在都可以看的清楚的情况下)并不是一定 话不投机半句多什么意思 下图中长方形的面积是48平方分米.求出平行四边形的面积. 三角形面积是12平方厘米,平行四边形的面积是多少平方厘米 光速不变以接进光速的飞船发一束光,光相对飞船以光速,相对地面以光速. 用1-20号元素符号或微粒符号填空最外层电子数等于次外层电子数的元素最外层电子数等于电子层数的元素有最外层电子数为电子层数的两倍的元素与氖原子具有相同电子层结构的微粒有与氩 一个平行四边形的面积是12平方厘米,与它等底等高的三角形的面积是? 马来西亚语 祝你生日快乐怎么说读法加写法 3a-2b+c=-2 2a-b+c=-1 a+b+c=2 如右图,三角形的面积是12平方厘米,平行四边形的面积是( )平方厘米,平行四边形的面积和梯形面积的最简整如右图,三角形的面积是12平方厘米,平行四边形的面积是( )平方厘米,平行四边形 我不认识你马来语怎么写 一道高一化学题20101221日提问-----请求讲解某无色溶液中加入少量氧化铝粉末,氧化铝粉末迅速溶解,则该溶液中一定能够大量存在的离子组是( )A、K+、Ba2+、NO3-、Cl- B、Na+、NH4+、SO42 若点M(a,-b)在第二象限,则点N(a+b,-ab)在第几象限? 什么是光速不变?真空,c相对c还是c 棕色皮包沾上了一块油迹,擦不掉.去护理店重新刷一遍油能不能解决?请提供一些好办法, 求《童年》摘抄 描写读书不求上进的俗语有那些? 同样长的铁丝折成的平行四边形的面积一定相等吗? 我想学中国国学和哲学,25岁,按中国现行教育模式接受的教育,对课本之外的东西很少涉猎,对中国国学和哲学更是一知半解,现在想学一下中国国学和哲学,该从哪里入手,请百度朋友指点.可否帮 若点M(a,-b)在第四象限,则点N在(a+b,-ab)在 为什么双曲线x^2/a^2-y^2/b^2=1与直线mx+ny+c=0相切的充要条件是a^2*m^2-b^2*n^2=c^2? 国学是什么?与哲学怎么区别? 武汉投影机灯泡哪有批发的? a 中国当代或现代健在的国学和哲学大家有哪些人?其代表作是什么? MH-A 半自动打包机怎样调节打包带的厚度 jiega 用英语怎么拼写 我的英文名是Leslie Chiang ,Chiang 要怎么读 ,边个教我阿 M点坐标为(a,b)且a 元电荷一定为正? Chris Chiang 和 Chris Kwong 是什么意思?麻烦翻译一下,谢谢. 元电荷是电荷最小的单位,那一个电荷有多少个元电荷?一个电子又有多少个元电荷?元电荷分正电负电的吗? Chiang Rai 虚幻大千两茫茫,一邂逅,终难忘.相逢主人留一笑,不相识, 马来语怎么写”圣诞快乐”?还有新年快乐 Chiang 用英语怎么读 下雨前和下雨后空气中的尘埃粒子的含量会有什么变化? 什么是元电荷?我要具体的意义,概念,用法 母爱是一种什么爱啊? 拜托帮忙,作业问题:“下雨前的尘埃粒子数量比下雨后少”的结论正确吗?理由?问题的前提是某同学分别采集和测量了下雨前一个地方和下雨后另一个地方空气中尘埃粒子数量.测定的结果前 元电荷的概念是谁提出的?我要准确的!概念是谁提出的?密利根只是个做实验的把 母爱是一种什么我是一种什么 灰尘为什么会让天空下雨? 请用(不同)的方法计算出下面平行四边形的面积(注意:是不同的方法) 如果点M(a+b,ab)在第二象限,那么点N(a,b)在第几象限帮我重新做一下到底对不对啊....都说不对... 已知直线L1:(k-3)x+(4-k)y+1=0,与L2:2(k-3)x-2y+3=0,平行,则k等于? 高邮招聘中学数学教师考什么 相见何必尘相识是啥意思 已知直线L经过点P(-1,1),它被两平行直线L1:x+2y-1=0,L2:x+2y-3=0,所截得的线段M1M2的中点M在直线L3:x-y-1=0上,试求直线L的方程. 15@16求解答 中俄等国已向联合国提交信息安全国际行澳大利亚新政府称将继续禁止华为参与网外交部就日防长涉钓鱼岛言论、\"棱镜格现任总统发表卸职演讲 感谢格民众对最强风暴袭丹麦世界主要城市10月30日天气预报美学者告诫安倍勿参拜靖国神社中方将为推动两苏关系持续改善和发展作首位法国总统出访斯洛伐克 具有历史意美国14名男子因向未成年人传播色情图俄将发行索契冬奥会纪念钱币 总发行量日自明党提议福岛核电站追加除污费应由统计显示韩国“女大男小”婚姻比率逐渐分析称受教育程度越高越易于维持婚姻长突尼斯各政党将会议讨论选举新总理 助促招商引资 奥巴马向外国投资者“推销美国脱口秀主持人就“杀光中国人”言论巴基斯坦一亲政府部落长老与6名家人被中国拟规定城镇更新须经项目区内90%签证系统落后致损失57.9亿元 澳旅普京与国际奥委会主席参加索契火车站开北大馆藏善本书引发学界关注好莱坞不会有《一步之遥》瓦莱乔跟腱断裂赛季报销天才的别名是任性星火熄灭 今天休息水务部门该如何回应“长江检出抗生素”甘肃交通运输厅原副厅长杨映祥被开除党请和我们一起特立“读”行陈耀烨淘汰朴廷桓《大众儒学语录》出版青年创业大赛落幕1254个项目参赛就书籍设计 致出版界的三封信刘若望艺术作品 展现“黄天厚土”合肥打造千亿新能源汽车国际都市轨道交通3号线30日正式开工专家称猝死多见于年轻人汇聚天下英才 助推合肥发展20分钟就找出恶性事件嫌疑人《合肥日报》首次进入精品级报纸行列携天下合肥之友 聚名城前行合力高新区贫困妇女儿童信息库全面建成
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘