
类型: FPS 版本: V5.6
大小: 1,660.1 时间: 2025-11-20





AmazeUI是中国首个开源HTML5跨屏前端框架,它是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架,基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源,通过开源的形式来回馈社区。
AmazeUI使用教程vip棋牌app
1、获取AmazeUI
1.1下载文件
1.2使用CDN
AmazeUICDN:域名解析服务由DNSPod提供,CDN存储由又拍云提供。
http://cdn.amazeui.org/amazeui/2.4.0/css/amazeui.css
http://cdn.amazeui.org/amazeui/2.4.0/css/amazeui.min.css
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.min.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.legacy.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.legacy.min.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.widgets.helper.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.widgets.helper.min.js
1.3使用Bower
bowerinstallamazeui
1.4移植的插件
1.5获取源码
你可以从GitHub项目主页获取源代码。
2、文件及版本说明
2.1文件说明
amazeui.css/amazeui.js:包含AmazeUI所有的CSS、JS。
amazeui.flat.css:圆角版AmazeUICSS,演示参见1.x。
amazeui.legacy.js:为IE8打包的JS。
amazeui.widgets.helper.js:供使用Handlebars的用户使用,其他用户请忽略,内含Web组件必须的Handlebarshelper及Web组件模板partials。
以上每个文件都有对应的minified文件。
2.2版本号说明
AmazeUI遵循SemanticVersioning规范,版本格式采用主版本号.次版本号.修订号的形式,版本号递增规则如下:
主版本号:做了不兼容的API修改,如整体风格变化、大规模重构等;
次版本号:做了向下兼容的功能性新增;
修订号:做了向下兼容的问题修正、细节调整等。
3、下载包目录结构
下载包种包含AmazeUI的CSS、JS文件,以及示例文件:
index.html-空白HTML模板;
blog.html-博客页面模板(预览);
landing.html-LandingPage模板(预览);
login.html-登录界面模板(预览);
sidebar.html-带边栏的文章模板(预览);
admin-*.html-简单的管理后台界面(预览)
在app.css中编写CSS;
在app.js中编写JavaScript;
图片资源可以放在i目录下。
AmazeUI
|--assets
| |--css
| | |--amazeui.css //AmazeUI所有样式文件
| | |--amazeui.min.css //约42kB(gzipped)
| | `--app.css
| |--i
| | |--app-icon72x72@2x.png
| | |--favicon.png
| | `--startup-640x1096.png
| `--js
| |--amazeui.js
| |--amazeui.min.js //约56kB(gzipped)
| |--amazeui.widgets.helper.js
| |--amazeui.widgets.helper.min.js
| |--app.js
| `--handlebars.min.js
|--blog.html
|--index.html
|--landing.html
|--login.html
|--sidebar.html
`--widget.html
4、创建一个页面
新建一个HTML文档,将下面的代码粘贴到文档中;
查看CSS组件及JS插件,拷贝符合的演示代码,粘贴到<body>区域,并按需调整;
一个简单的页面完成。
<!doctypehtml>
<htmlclass="no-js">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="description"content="">
<metaname="keywords"content="">
<metaname="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>HelloAmazeUI</title>
<!--Setrenderenginefor360browser-->
<metaname="renderer"content="webkit">
<!--NoBaiduSiteapp-->
<metahttp-equiv="Cache-Control"content="no-siteapp"/>
<linkrel="icon"type="image/png"href="assets/i/favicon.png">
<!--AddtohomescreenforChromeonAndroid-->
<metaname="mobile-web-app-capable"content="yes">
<linkrel="icon"sizes="192x192"href="assets/i/app-icon72x72@2x.png">
<!--AddtohomescreenforSafarioniOS-->
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="black">
<metaname="apple-mobile-web-app-title"content="AmazeUI"/>
<linkrel="apple-touch-icon-precomposed"href="assets/i/app-icon72x72@2x.png">
<!--TileiconforWin8(144x144+tilecolor)-->
<metaname="msapplication-TileImage"content="assets/i/app-icon72x72@2x.png">
<metaname="msapplication-TileColor"content="#0e90d2">
<linkrel="stylesheet"href="assets/css/amazeui.min.css">
<linkrel="stylesheet"href="assets/css/app.css">
</head>
<body>
<p>
HelloAmazeUI.
</p>
<!--在这里编写你的代码-->
<!--[if(gteIE9)|!(IE)]><!-->
<scriptsrc="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[iflteIE8]>
<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<![endif]-->
</body>
</html>
移动而生

AmazeUI以移动优先(Mobilefirst)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
组件丰富,模块化

AmazeUI含近20个CSS组件、10个JS组件,更有17款包含近60个主题的Web组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。
本地化支持

相比国外框架,AmazeUI关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及App内置浏览器兼容支持。
轻量级,高性能

AmazeUI面向HTML5开发,使用CSS3来做动画交互,平滑、高效,更适合移动设备,让Web应用更快速载入。
AmazeUI特性
专注UI
只提供单纯的UI(View),对配套技术不做限定,可以在Backbone、Angular、Meteor等框架中使用。
组件化,可复用、易扩展
基于React封装组件,不再疲于组织杂乱的HTML标签;组件可以按需组合、功能扩展方便。
高性能
React所使用的VirtualDOM技术,能最大限度减少DOM操作,有效提高性能。
单向数据流
单向数据流可以简化操作,从DOM控制中解放出来,专注于业务逻辑。
CSS:
ImprovedArticle增加图片最大宽度限制样式。
JS:
Fixed#587修复cookie设置expires无效问题(Thxto@Stephenzxb)。
全民试玩赚钱
219.7M
智能工具箱是由武汉网幂科技有限公司研发的一款手机工具软件,六种常用工具让生活更方便集合了指南针、网速测试、噪音检测仪、手电筒、量尺、放大镜等6种常用。软件介绍智...
探探阜阳棋牌麻将作弊
627.5M
写作能力提升平台,涌泉写作针对于不同年龄段的孩子分为幼儿启蒙、写作系统课,写作基础三个学习部分,不仅可以提高日常表达方式还能提升写作能力。涌泉写作app介绍1....
梦幻175跑环怎么赚钱
1,726.8M
龙鳞NEW1.0f正式版地图更新了,这款角色地图很多玩家都喜欢玩,龙鳞NEW1.0f主要是进行了优化,优化AI触发,喜欢的玩家可以免费下载。龙鳞NEW1.0f正...
棋葩棋牌
37.2M
五行世界的降临II1.2是一款非常非常火爆的魔兽RPG地图,一款经典之作,每个版本都受到很多人追捧,非常好玩,最新的1.2版本更新了很多内容,修复了一些BUG,...
怎么买股票只赚不赔
89.2M
你还在交通违章查询缴纳、车辆保险、ETC查询缴纳、快撤理赔点查询、苦恼吗?还在担心道路的拥挤问题吗?用了车小丫一切都迎刃而解。快来下载吧。车小丫互联驾驶app(...
手机拼多多怎么赚钱
231.9M
车聚集app是一款汽车门店管理软件,是一个智慧门店管理平台,帮助用户更好的运营,智能分析你的运营数据,提升工作效率!软件介绍车聚集将通过专业化、移动化、个性化的...
大学生怎么兼职挣钱
1,189.6M
这是一款非常靠谱的网课教育在线云课平台,很多用户都在关注,这里提供了非常优质的学习资源,快速轻松找到各种自己需要的网络课程,帮助你在线指导和学习。虫儿云课app...
手机赚钱软件视频
1,344.2M
黑猫神小说写作软件是一款最新出品的电脑小说写作工具,可以为小说作者提供方便的小说写作环境,功能丰富,欢迎来下载使用!黑猫神小说写作软件介绍黑猫神小说写作软件是一...
女生网上怎么赚钱
1,835.1M
生日记录软件是一款直观的应用程序,以帮助跟踪的生日的软件工具。还是非常实用的。有需要的可以来东坡下载使用!生日记录软件说明生日记录软件Birthdays是一个简...
手机漂流瓶兼职赚钱
213.3M
光盘刻录(Ignition)是一款小巧简洁的光盘刻录工具,它为用户提供了多种光盘刻录方式,大家可以工具自己的需要选择适合自己的刻录方式。它的操作界面非常清爽,支...
真实的手机赚钱
1,617.4M
创意制作工坊APP是一款功能丰富、操作简便的移动应用程序,旨在为用户提供一个便捷、高效的创意设计平台,让用户能够随时随地发挥创造力,制作出独具个性的作品。其中提...
淘宝兼职刷单教程
1,437.6M
这是一个魔性的猜方言的小游戏,很多玩家都表示非常搞笑,通过播放一段方言,玩家需要猜出这个方言的意思或者是猜出这是哪里的方言!这说的啥呢吗:方言8级测试介绍方言8...
如何利用打字挣钱
423.1M
《老板,游戏凉了》是一款模拟(做游戏的)游戏公司的游戏。在游戏中,玩家可以回顾中国单机游戏发展史,并且努力引领国单崛起。任何一个决定都将影响游戏开发团队的存亡。...
闲鱼无货源月赚3000
1,713.5M
医家谈app是一款非常实用的手机线上医疗知识学习科普软件,不管用户是什么身份都可以下载这款软件进行学习,宝马可以学习怎样护理小孩,医生可以学习手术知识,学的更多...
小本挣钱项目来钱快
1,010.4M
解决需要对图片打字人群的烦恼,直接的使用迅捷文字识别苹果版,目前最新的OCR文件扫描与文字识别软件,手机上面就可以直接的使用,解决你大量的问题!使用场景拍照翻译...
捕鱼赚钱游戏支付宝
2025/11/09 14:13
蓟州大学城有兼职么
2025/11/20 19:30
手机上怎么一天赚五百
2025/11/10 14:58
百财棋牌
2025/11/13 00:44
男陪玩一个月能赚多少
2025/11/11 22:04
火焰棋牌最新版
2025/11/14 19:35
顺丰快递招聘兼职么
2025/11/21 09:59
现在什么交友软件赚钱
2025/11/06 20:01
淘特助力领钱是真的吗
2025/11/05 18:31
花呗可以到小超市提现
2025/11/16 21:14
手机电脑能网上赚钱
2025/11/18 21:08
网络培训赚钱吗
2025/11/09 20:57
海南适合种植什么挣钱
2025/11/18 07:34
试玩头条手机
2025/11/11 05:48
神赚棋牌客服电话号码
2025/11/14 02:42
神赚棋牌客服电话号码
2025/11/14 02:42更新
琴精灵是一款音乐学习软件,主要对儿童学习钢琴,曲库丰富,提高儿童的钢琴学习水品,这里提供的是琴精灵视唱app苹果版,需要的朋友就来下载吧。琴精灵视唱app功能介...
支持 ( 16 ) 盖楼(回复)
支持 ( 80 ) 盖楼(回复)
支持 ( 64 ) 盖楼(回复)
支持 ( 86 ) 盖楼(回复)
支持 ( 140 ) 盖楼(回复)
支持 ( 90 ) 盖楼(回复)
支持 ( 88 ) 盖楼(回复)
支持 ( 188 ) 盖楼(回复)
支持 ( 95 ) 盖楼(回复)
支持 ( 78 ) 盖楼(回复)
支持 ( 82 ) 盖楼(回复)
支持 ( 86 ) 盖楼(回复)
支持 ( 37 ) 盖楼(回复)
支持 ( 39 ) 盖楼(回复)
支持 ( 18 ) 盖楼(回复)
支持 ( 89 ) 盖楼(回复)
支持 ( 199 ) 盖楼(回复)
支持 ( 177 ) 盖楼(回复)
支持 ( 136 ) 盖楼(回复)
支持 ( 54 ) 盖楼(回复)