最近一段时间,有不少前端工程师 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去做一些实际的东西,下来在把做东西的一些实例放出来让大家尝尝鲜,总体上感觉很是不错,国内还是很需要一些自己的开源前端框架存在的。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。