1

最近一段时间,有不少前端工程师 GG 跟小编聊到 Amaze UI 啥时候开放哪、能不能发个内测码什么的,遇到这种问题,小编必须义正言辞地说实话,告诉他 Amaze UI 还有几天就会开放了,内测码什么的小窗我就有啦。

考虑到大家对 Amaze UI 的比较关心,细心的小编在收到一篇内测评测后就满心欢喜地分享给大家啦。

如果看到这篇文章的小伙伴没有申请,可以点击这里哦~ (๑•ᴗ•๑)

用户测评报告如下

上周收到Amaze UI的邀请, 有幸成为他们的第一批内测用户。

请输入图片描述

打开Amaze UI 的首页我们首先看到了Amaze UI 的一些特性;

请输入图片描述

话说回来,在amaze ui里的很多文档里都有提到对于浏览的支持都是IE 10+ ,通过上边的图我们就很容易知道了,因为他是为移动而生的,但是不知道下来有没有改变一下对于低端浏览器的支持,作为框架其实都应该是全屏适配的么哈。

下来用他们提供的账号登陆进来,先看看里边的料吧。

请输入图片描述

登陆进来后基本跟bootstrap模板差不多,都是从起步开始然后css 再是js等等但是在amazeui里边增加了web组件的支持,这个组件并不是独立存在的而是配合着云适配的webide来进行使用的,其实我感觉这应该才是amazeui的两点所在吧。

已经迫不及待的把源码下一份了,但是貌似有点坑,正常情况下我们的文件组成形式应该都是 images css js 这些东西 但是为什么amazeui的目录形式会是这样的。

请输入图片描述

先不管这些,其实妹纸的占用空间还是很小的。

从整体上来看妹子ui的整体和其他的开源框架都是很相似的,但是作为国人自己的开源框架毕竟应该有一些不同,下来咱们还是看看亮点吧。

桌面图标

Amaze UI 率先增加了针对桌面图标 touch Icon 的支持,并对Touch Icon做了终极解决方案。

请输入图片描述

· rel="apple-touch-icon-precomposed":不给 Icon 添加额外的效果;兼容 Android 1.5 - 2.1。

· Icon 尺寸:144px * 144px,兼容 iPhone、iPad 及绝大部分安卓设备。

兼容性列表

GBS 是 YUI 团队提出的应对日益增长的浏览器兼容问题的思路

A 级:最高支持级别,充分利用 H5 和 CSS3 等技术,提供最优的视觉和交互效果。

B 级:有限支持,基本的样式和正常的交互,不考虑视觉、交互效果。

C 级:核心支持,显示语义化的 HTML 标记渲染的内容,不考虑样式和行为。

X 级:未知、零散的很少使用或已经停止开发的浏览器,可能不支持,也可能支持。

WEB 组件支持

Web Components 颇令人向往,无奈浏览器支持有限,所以,Amaze UI Web 组件按照 Web Components 的实现形式,使用浏览器支持更为普及的技术,将移动开发中常用的组件切割成不同部分,实现类 Web Components 的组件,提高开发效率。

Amaze UI Web 组件 通过一个 package.json 文件描述,每个组件由模板(hbs)、样式(LESS)、交互(JS)三部分组成,其中样式可能有多个文件(不同的主题)。组件样式和交互以 CSS 、JS 插件 为基础编写;使用 Handlebars 作为模板引擎。

剩下的东西基本就和其他的差不多,但是在amaze UI里边最大的不同是他们对于中文的支持很强大,就像他们所说的那样最为国内的开源框架,还是有一些国情需要将就下的。

请输入图片描述

这里没有用amaze ui去做一些实际的东西,下来在把做东西的一些实例放出来让大家尝尝鲜,总体上感觉很是不错,国内还是很需要一些自己的开源前端框架存在的。


AmazeUI
202 声望34 粉丝

由“全球领先的HTML5企业移动化解决方案供应商云适配”出品


引用和评论

0 条评论