类型： 兴趣社交 版本： V3.9
大小： 475.8 时间： 2025-12-03
AmazeUI使用教程
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是中国首个开源HTML5跨屏前端框架，它是一个轻量级（所有CSS和JSgzip后100kB左右）、Mobilefirst的前端框架，基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源，通过开源的形式来回馈社区。jj棋牌游戏靠谱吗
CSS:
ImprovedArticle增加图片最大宽度限制样式。
JS:
Fixed#587修复cookie设置expires无效问题（Thxto@Stephenzxb）。
移动而生
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控制中解放出来，专注于业务逻辑。
网页棋牌娱乐平台
1,957.9M
上古降魔录是一款全新推出的仙侠题材rpg手游。游戏有着丰富的玩法内容，唯美的仙侠场景为广大玩家展现了一个真实的修真世界。炫酷的技能，真实的打击感，还有丰富的玩法...
花瓣怎么赚钱
1,285.6M
这是一款手机加油类型软件，通过这个平台可以进行移动充值油卡，折扣消费更好用，一键查找附近的加油站，帮助你节省更多钱，可用性高！软件介绍加油哇app是一款掌上加油...
情绪树洞兼职
1,690.1M
八戒抢亲发育游戏介绍，在游戏中玩家可以体验到经典的西游元素，虽然玩法上没有很多创新，但内容很魔性，适合玩家休闲时间玩一玩，感兴趣的小伙伴快来东坡下载吧！八戒抢亲...
汕头市棋牌
1,402.7M
地下城的密码是一款惊险刺激的角色冒险对战手游，经典的地下城风格玩法，玩家可以深入地牢最底端探索冒险。游戏中丰富的道具和武器系统来帮助玩家快速探险，提升武力值来击...
梦泪一年可以赚多少钱
1,356.8M
万能仓库管理软件专业的仓库管理软件，该软件不仅是免费的，而且功能是非常的多，让你可以满意的使用，有需要的朋友就赶快来试试吧！万能仓库管理软件介绍万能仓库管理软件...
三晋棋牌对对碰
548.8M
猎魔人神装百抽是一款欧美暗黑魔幻战斗rpg手游。游戏有着宏大的世界观，为玩家展现了一个绚丽多彩的魔幻世界，玩家需要培养自己的伙伴，和邪恶势力进行战斗，多种游戏模...
掘金棋牌苹果下载
255.7M
在众多的租房中，存在一个比较特殊但是很多人都很关注的情况，就是出租房，现在家长会为了孩子的教育倾尽所有，尤其是学区房，现在是异常的火热，这里为大家带来学区房租赁...
佣金提成
980.9M
为了能够让喜欢网购的用户能够获得更多的购物返利，通过手机购物折扣返利软件可以在天猫、淘宝、京东、苏宁、亚马逊等网站购物的时候获得返利和折扣享受。肯折网涵盖了目前...
酒店服务员兼职图片
1,232.7M
无尽之纷争：一款超顶级的大型策略战争模拟对抗手游，这里拥有很多不同风格的游戏玩法等你来挑战，大量的攻击招式和全新的战斗效果，以及更多的游戏选择，将会给你一个不同...
能赚的手机捕鱼游戏
926.3M
AutoCADArchitecture是目前主流的一款建筑师的工具，可以直接的进行绘图以及一些cad图纸的设计，AutoCADArchitecture2011版...
乐赢棋牌游戏首页
752.4M
这是一款手机赚钱的APP，每天都会上线很多任务以及游戏，大家可以通过这些任务来赚钱的，例如注册邀请、试玩游戏、关注等等，都是可以的。任务不同价格不同，适用于不同...
兼职网赚刷单
349.3M
经典的日式搞笑风休闲游戏，某个穿越时空手游(とあるタイムスリップ～懐かしいあの時代、この時代)中你将穿越到原始时代，轻松的操作体验，将各种东西结合在一起，简单有...
灭虫公司挣钱吗
1,372.3M
可塑性记忆全体成员主题是一款网友分享的win7电脑主题，由经典动漫制作，浓浓的二次元风格，女生最爱，喜欢的朋友可以来下载！可塑性记忆主题桌面预览可塑性记忆故事简...
股票涨10赚多少钱
445.1M
这是我们东坡下载为大家带来的一份2016建军节高清图片素材，各种各样的高清建军节图片素材，非常的漂亮，需要寻找相关的建军节图片素材的可以来我们东坡免费下载！八一...
化妆品代理能赚多少钱
261.7M
一款手机摄像的软件，拾光盒子手机版这款软件你可以在上面发布你的作品，还可以在上面进行取片，还有选片，还能在上面进行接单。拾光盒子手机版功能1、直接在手机上发布作...
湖州兼职最新信息
2025/10/05 18:54
关于努力挣钱的说说
2025/10/01 02:21
搜狗答题赚钱
2025/10/08 21:31
梅州兼职晚上招聘
2025/10/06 00:39
私募机构是怎么赚钱的
2025/10/02 15:35
088兼职团队靠谱吗
2025/10/05 04:33
聊呗零钱无法提现
2025/09/30 13:38
玩红包的棋牌麻将手游
2025/09/28 00:11
女干什么工作挣钱
2025/10/01 17:49
常来棋牌怎么了
2025/09/29 03:30
零投资手机兼职项目
2025/10/05 18:36
怎样炒股才能赚
2025/10/11 23:15
网站自媒体赚钱方法
2025/10/07 16:20
能赢黄金的棋牌游戏
2025/09/27 17:36
免费赚钱项目k
2025/10/10 03:55
免费赚钱项目k
2025/10/10 03:55更新
每个人都有自己的老师，对自己的老师要怀着感恩的心，小编带来了我的老师作文300字6篇，这些作文适合小学生朋友来学习！我的老师作文预览赞扬老师的话1、三尺讲台，三...
支持 ( 5 ) 盖楼(回复)
支持 ( 171 ) 盖楼(回复)
支持 ( 175 ) 盖楼(回复)
支持 ( 135 ) 盖楼(回复)
支持 ( 189 ) 盖楼(回复)
支持 ( 57 ) 盖楼(回复)
支持 ( 145 ) 盖楼(回复)
支持 ( 192 ) 盖楼(回复)
支持 ( 159 ) 盖楼(回复)
支持 ( 154 ) 盖楼(回复)
支持 ( 164 ) 盖楼(回复)
支持 ( 198 ) 盖楼(回复)
支持 ( 123 ) 盖楼(回复)
支持 ( 138 ) 盖楼(回复)
支持 ( 200 ) 盖楼(回复)
支持 ( 51 ) 盖楼(回复)
支持 ( 26 ) 盖楼(回复)
支持 ( 19 ) 盖楼(回复)
支持 ( 52 ) 盖楼(回复)
支持 ( 168 ) 盖楼(回复)