前端攻城师 GG 有福啦——妹子 UI 评测第一弹来了~

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

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

若是看到这篇文章的小伙伴没有申请,能够点击这里哦~ (๑•ᴗ•๑)web

用户测评报告以下json

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

请输入图片描述

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

请输入图片描述

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

下来用他们提供的帐号登录进来,先看看里边的料吧。前端框架

请输入图片描述

登录进来后基本跟bootstrap模板差很少,都是从起步开始而后css 再是js等等可是在amazeui里边增长了web组件的支持,这个组件并非独立存在的而是配合着云适配的webide来进行使用的,其实我感受这应该才是amazeui的两点所在吧。前端工程师

已经火烧眉毛的把源码下一份了,可是貌似有点坑,正常状况下咱们的文件组成形式应该都是 images css js 这些东西 可是为何amazeui的目录形式会是这样的。app

请输入图片描述

先无论这些,其实妹纸的占用空间仍是很小的。

从总体上来看妹子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去作一些实际的东西,下来在把作东西的一些实例放出来让你们尝尝鲜,整体上感受非常不错,国内仍是很须要一些本身的开源前端框架存在的。

相关文章
相关标签/搜索