
类型: 旅游服务 版本: V9.4
大小: 783.0 时间: 2025-11-19





移动而生

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控制中解放出来,专注于业务逻辑。
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汲取了很多优秀的社区资源,通过开源的形式来回馈社区。
CSS:
ImprovedArticle增加图片最大宽度限制样式。
JS:
Fixed#587修复cookie设置expires无效问题(Thxto@Stephenzxb)。
移动暴利
1,505.5M
MBTI人格测试APP为用户提供高效、精准的MBTI性格分析服务,无论是想快速了解自身性格特质,还是为职业规划、人际关系优化寻找方向,都能在此找到清晰答案。其中...
2018年做什么类型的网站赚钱
1,315.1M
我的卡哇伊世界2是完美的游戏,为成人和孩子,制作和构建游戏世界。开始你的构思,创建不一样的世界,打造你心中的理想国。不一样的方块世界,这里可以自由建造。我的卡哇...
怎样玩棋牌赚钱
35.8M
腾逸之家app是一款智能家居控制终端软件,软件为用户提供腾逸智能家居类的产品控制,用户只需一键连接智能设备即可在手机上进行操作,方便实用!功能特色1、自定义情景...
简单直投微信投票挣钱
1,249.7M
谷歌市场上的【梦幻龙乐园】,国服版号叫做【飞龙岛历险记】,这里购付版本还没有正式上架,小编带来的是国际服版本,喜欢这个游戏的可以试试哦,在这款游戏里面养龙,并且...
抖音棋牌真假
1,427.4M
一个高品质的奶源订货服务平台,奶吧app是由古艺网络科技公司官方出品,集合了各大奶源品牌,依托互联网大数据平台,为消费者和商家提供了一站式的购奶服务,方便简单的...
一年赚20万的副业
1,614.6M
博优云专卖管理系统是一款云计算的软件,非常的适用于软件的管理,可以有更多的库存方案,能够更好地管理,操作非常的简单好玩。博优云专卖管理系统软件介绍博优云专卖管理...
男生映客直播怎么赚钱
1,323.4M
袋鼠隐藏app私密应用程序、重要图片、视频、文件全部都可以帮您保护,袋鼠隐藏app使用后完全不用担心手机丢失或者借他人后访问您的私人应用程序或资料。袋鼠隐藏ap...
名门娱乐棋牌怎么玩
907.2M
国外很不错的一款图片转视频软件,图片转视频(ImagesToVideo)软件可以制作大片不求人,自己就能快速将图片转视频,虽说是英文界面,但是操作很简单,好用。...
手机刷流量和排名赚钱
948.8M
BanGDream!少女樂團派對就是国服梦想协奏曲!少女乐团派对的台服了,此版本与日本服最像,真实的还原了游戏中的音乐和画面,支持数据互通,简单易操作,爱好二次...
yy彩票怎么打能赚钱
1,240.4M
食安保app是一款食品安全方面的手机软件,专业帮助企业处理过期食品,高效解决过期食品的回收问题,全程监管,杜绝过期食品的外流!食安保app介绍一款为过期食品产生...
地下城外挂搬砖
1,101.8M
腾讯官方打造的一款爆笑娱乐社区平台,腾讯哈皮app这里有各种搞笑的奇葩视频,内涵段子,幽默的囧图等等内容,还有顶级的神配音,让你不会无聊的软件。功能介绍【奇葩搞...
偏门项目黑科技
878.7M
有些人会嫌弃聚会太无聊,那么小编为你推荐超级大话骰手游,一款非常适合聚会的手机游戏,这里拥有各种有趣的骰子,需要来比大小,谁的大就胜利。游戏介绍超级大话骰是一款...
正新鸡排加盟赚多少钱
569.4M
让人脑洞大开的游戏,姐脑洞最大打造了丰富的场景,根据关卡的提示,找到游戏中的线索,开动你的脑筋,努力的去解决那些问题。姐脑洞最大游戏攻略1、主要的就是根据关卡给...
乐乐棋牌作弊器免费
1,512.9M
蓝方战地模拟器是一款很好玩的射击手游。游戏有着简约的画风,玩家可以选择不同的武器进行闯关。海量的游戏关卡等你来战,多种游戏模式,极高的自由度。升级你的武器装备,...
好项目好赚钱
1,290.0M
畅读小说是一款专注于小说阅读的读书神器,拥有海量小说,免费阅读纯净界面安全无广告。每日推送最新上线小说、热门小说以及小说排行榜,欢迎喜欢看小说的朋友前来下载!畅...
农村怎么样才能赚钱
2025/11/18 23:24
零投资赚钱方法有
2025/11/09 03:53
赢钱棋牌微信提现
2025/11/17 07:47
翻译兼职要签合同吗
2025/11/21 22:59
卖房一般佣金多久给
2025/11/05 08:48
火币网搬砖
2025/11/16 11:23
快3棋牌游戏
2025/11/14 03:28
趣闲赚咋样
2025/11/10 02:38
中国石化加油卡提现
2025/11/16 16:11
e赚 手机赚钱
2025/11/10 02:08
品博网络兼职
2025/11/21 18:16
棋牌还能拿到版号吗
2025/11/14 07:34
套利哥那个是真的
2025/11/20 04:33
招财猫棋牌游戏官网
2025/11/13 13:09
手机上网赚钱项目
2025/11/07 11:51
手机上网赚钱项目
2025/11/07 11:51更新
温州河长通app是温州市河长办推出的河道环境管理软件,为河道管理软件提供便捷服务,可以随时记录河道污染情况,促进河道环境的保护工作!温州河长通特色1、2000余...
支持 ( 92 ) 盖楼(回复)
支持 ( 167 ) 盖楼(回复)
支持 ( 118 ) 盖楼(回复)
支持 ( 57 ) 盖楼(回复)
支持 ( 147 ) 盖楼(回复)
支持 ( 94 ) 盖楼(回复)
支持 ( 69 ) 盖楼(回复)
支持 ( 98 ) 盖楼(回复)
支持 ( 88 ) 盖楼(回复)
支持 ( 16 ) 盖楼(回复)
支持 ( 154 ) 盖楼(回复)
支持 ( 30 ) 盖楼(回复)
支持 ( 90 ) 盖楼(回复)
支持 ( 166 ) 盖楼(回复)
支持 ( 115 ) 盖楼(回复)
支持 ( 48 ) 盖楼(回复)
支持 ( 53 ) 盖楼(回复)
支持 ( 171 ) 盖楼(回复)
支持 ( 59 ) 盖楼(回复)
支持 ( 167 ) 盖楼(回复)