20.1MB
1.32MB
Amaze UI是国内首个开源的HTML5跨屏前端框架。该软件为用户提供了丰富的开发组件,通过这些组件我们可以快速构建HTML5 web应用。而且Amaze UI正式版大大提升了网页的效果,让你快速创建网页,提高开发者的效率。
Amaze UI采用了全球最先进的“组件开发”和“移动优先”的设计理念。基于其丰富的组件,开发者可以通过简单的组装快速构建HTML5 web应用。上线仅半年,Amaze UI已经成为国内最受欢迎的前端框架。目前在Github上已经收获了近数万星,服务全球50W开发者。
天生会动
Amaze UI以移动为先的理念,从小屏逐渐扩展到大屏,最终实现了全屏适配,以适应移动互联网的趋势。
组件丰富性和模块化
Amaze UI包含近20个CSS组件,20多个JS组件,以及许多不同主题的Web组件。可以快速构建界面和体验优秀的跨屏页面,大大提高开发效率。
本地化支持
相比国外框架,Amaze UI注重中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器和App内置浏览器兼容性支持。
轻质、高性能
Amaze UI是针对HTML5开发的,使用CSS3进行动画交互,流畅高效,更适合移动设备,让Web应用加载更快。
阿马泽伊
| - HISTORY.md
| -许可证
| - README.md
| - package.json
| - dist #构建目录
| - docs #文档
|-字体# iconfont,目前使用http://staticfile.org/字体。
| - gulpfile.js #构建配置文件
| - js # JS文件
| - less # LESS文件
| -工具#相关工具
| -供应商
` -- widget # Web组件
amaze ui的使用方式通常有两种:css和js文件复制到项目中;采用cdn模式。(采用开发过程中的第一种方法;当开发后需要部署时,采用第二种方法。
方法一
1.下载amaze ui对应的zip。
解压缩后,检查该文件夹下的资产文件。“资源”文件夹还包括css和js文件夹。这两个文件打包在amaze ui中,用户可以直接使用。
2.将上面提到的css和js文件夹复制到web项目的WebRoot中。
3.在项目中使用该样式。
注意:用hbuilder开发非常方便。
方法2
在官网获取js和css的对应地址,引入js。但是使用amaze ui的js需要jquery的支持,所以需要在js之前导入。
我们在类中使用amaze ui已经封装的格式。
附录1
在开发过程中,使用了hbuilder工具。如果amaze ui的css和js导入到项目中,开发过程中会提示工具本身;但是,当用户访问这个网页时,他们总是会请求本地css和js资源,这将增加部署这个项目的服务器的负担。所以为了避免第二个问题,我们在部署项目的时候会改成第二种方式。
1.Amaze UI目前没有xx组件。有什么推荐吗?
首先,请确保您检查了每列下方左侧菜单中的每个链接。如果你的窗口很小,左边的菜单可以向下滚动,点击三角形或者用鼠标滚轮上下滚动。真的没发现?那真的不是真的。
2.复制页面中的示例代码粘贴后没有效果?
确保jQuery和Amaze UI的CSS、JS已经引入页面,path/to/替换对应的路径。
如果已经引入,请检查Amaze UI CSS和JS文件顶部的版本信息,确保引入的版本与示例要求的版本相匹配。