
类型: 小说阅读 版本: V9.3
大小: 12.6 时间: 2025-12-13





AmazeUI是中国首个开源HTML5跨屏前端框架,它是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架,基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源,通过开源的形式来回馈社区。
AmazeUI使用教程CopyWriter200510v3.03
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>
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控制中解放出来,专注于业务逻辑。
亚博电竞下 体彩世界杯竞猜 体验金p2p 日博娱乐注册 香港开奖网记录
QQ9.0防撤回补丁最新下载-2018电脑qq9.0防撤回补丁最新稳定版
1,024.4M
2018电脑qq9.0防撤回补丁正式上线,可以解决一些用户是需要电脑QQ防止撤回的补丁,本补丁是适合最新版本的QQ,同时是可以永久免费稳定使用,不会出现闪退以及...
中国boy流浪画师免费版下载-流浪画师破解版3dm 中文免费版
718.2M
流浪画师英文全称Passpartout:TheStarvingArtist是一款创意十足的艺术创作游戏,游戏以前叫画家模拟器,现在出了官方中文正式版,中国boy...
通用串口调试工具-BOAST串口调试工具3.71 中文绿色版
625.2M
一般串口调试工具有2种数据模式文本,也就是字符或者是16进制,可以作为通用的串口调试工具。也可以作为以BOAST为首的国内数字称重传感器通讯调试工具。首先,串口...
圣裁超变无限刀手游下载-圣裁超变无限刀v1.0.2 安卓版
1,074.1M
圣裁超变无限刀手游是真正拥有变态福利的版本,年轻人不讲武德,直接各种超高爆率免费解锁,刷图打怪直接清全屏,并且每天都可以免费领取真充,不需要的装备自动回收,神器...
在路上ppt模板-在路上主题ppt【旅行风景】免费下载
613.0M
每个人都有自己的路要走,这里小编带来一份在路上主题ppt模板,采用灰色背景,一月一张风景图片,适合制作旅行风景ppt等相关演示,点击下面的地址即可免费下载。在路...
有道智云编辑器web SDK免费下载-有道智云编辑器web SDK1.0.0 官方正式版
49.0M
有道智云编辑器webSDK直接的可以进行一些数据开放以及链接,目前本sdk完全的是开放以及免费的,直接的可以用于直接的研发,非常的方便以及简单!有道智云编辑器w...
悟空游戏攻略app下载-悟空游戏攻略官方版1.1安卓版
638.6M
悟空游戏攻略为大家带来的游戏信息是非常全面的,我们不仅在这里可以了解感兴趣的游戏资讯,也能够查看丰富的攻略,这样有什么全新的游戏内容,就可以第一时间了解,大家也...
微博段子软件下载-微博段子安卓版0.0.1 最新版
160.6M
微博段子安卓版是一款段子社区软件,不少朋友们都是段友,喜欢玩内涵段子等这样的社交软件,微博段子就是一款使用十分方便的段子软件,这里有搞笑趣事和热点段子带你玩转朋...
手机变电脑摄像头软件下载-DroidCamX汉化破解版6.3.3 最新版
1,266.9M
如何让闲置手机变电脑摄像头呢?这里介绍的是这款DroidCamX软件,安装在电脑和手机中,在同一个wifi中,就可以将电脑变成你的无线摄像头。DroidCamX...
勇者荣耀豪华礼包版下载-勇者荣耀送充版1.0 新开服
832.5M
《勇者荣耀》是一款高操作性MMORPG动作手游,原创独特画风,创新战斗画面。全局开启无锁热血之战绝对激爽,全程体验连招快感,开放多种PVP对战玩法和高难度操作性...
进击的巨人2十二项CE修改脚本1.0.1.0 免费版
1,107.1M
进击的巨人2十二项CE修改脚本是一款功能十分强大的游戏修改辅助软件,专为进击的巨人2游戏玩家开发设计。本站提供进击的巨人2十二项CE修改脚本免费资源,欢迎大家来...
墓园2号升级档免费下载-墓园2号升级档+游戏原声+未加密补丁最新完整版
471.6M
墓园2号升级档+游戏原声+未加密补丁是小编为带搬运的游戏的官方升级档,完全免费,下载后直接是要即可。使用方法:1、解压缩2、复制Update文件夹下的升级补丁到...
手办计划游戏下载-手办计划最新版下载(小忍计划)1.5 免费版
858.0M
小忍计划更新到最新版本之后改名叫做《手办计划》了,这是一款约会模拟器,模拟一个有老婆的人的生活,这里有各种各样的妹子等你选择,平时的生活以及行为都是可以模拟的,...
Tep克隆助手软件下载-Tep克隆助手1.1 安卓版
49.1M
Tep克隆助手是一款非常好用的文件传输软件,如果你要更换手机,那么这款软件一定是你的不二之选,不管是视频、文件、图片还是其它各种文件,都能完整传送到新手机上,平...
伴鱼音乐app-伴鱼音乐儿童启蒙app3.14.2 智能免费版
1,695.0M
伴鱼音乐是致力于儿童音乐启蒙,AI智能陪练,让家长给孩子最合适的素质教育,培养兴趣爱好,从婴幼儿时期让孩子赢在起跑线上。伴鱼音乐儿童启蒙app特色01故事启蒙主...
建行班克app1.0.1
2025/12/01 07:08
小豆苗ios最新版-小豆苗app2017新版3.8.2 官网苹果最新版
2025/12/04 15:50
优启通官网下载-优启通(EasyU)8.3 官网最新版【网盘下载】
2025/12/09 21:29
夜鸦之歌游戏下载-夜鸦之歌安卓版2.9.1 官方正版
2025/12/13 16:42
360同步助手app下载-360同步助手1.1安卓最新版
2025/12/05 19:06
ppsspp游戏下载(ppsspp游戏资源包)
2025/12/09 20:53
2017护士节短信祝福语大全免费下载-5.12简短护士节祝福语大全doc免费版
2025/12/13 00:54
俊朗智能app下载-俊朗智能开关app1.0.0 安卓正式版
2025/12/05 17:17
火箭滑雪比赛手机版1.0.3 安卓版
2025/12/05 22:42
温兰编年史(Chronicles of Vinland)英文免安装版
2025/12/15 17:04
Tricky Tap and Step手游(狡猾的踢踏)1.7安卓最新版
2025/12/06 02:03
山海游戏大全盒子下载-山海游戏大全app1.0.101 安卓版
2025/12/05 00:52
多多经纪(全房经纪人手机版)1.0 安卓版
2025/12/07 11:42
FIFA18 球衣胸前广告补丁广告版
2025/12/06 10:32
e云桌面服务端1.2.0.6 最新版
2025/12/06 14:10
e云桌面服务端1.2.0.6 最新版
2025/12/06 14:10更新
e云桌面服务端配合e云桌面桌面版一起使用,安装在网吧服务器上,安装时需要填写网吧账号和密码,非e云用户或合作账号用户需先在云平台上注册账号才可使用。e云桌面服务...
支持 ( 41 ) 盖楼(回复)
支持 ( 173 ) 盖楼(回复)
支持 ( 118 ) 盖楼(回复)
支持 ( 111 ) 盖楼(回复)
支持 ( 42 ) 盖楼(回复)
支持 ( 189 ) 盖楼(回复)
支持 ( 169 ) 盖楼(回复)
支持 ( 23 ) 盖楼(回复)
支持 ( 89 ) 盖楼(回复)
支持 ( 147 ) 盖楼(回复)
支持 ( 165 ) 盖楼(回复)
支持 ( 163 ) 盖楼(回复)
支持 ( 112 ) 盖楼(回复)
支持 ( 92 ) 盖楼(回复)
支持 ( 75 ) 盖楼(回复)
支持 ( 146 ) 盖楼(回复)
支持 ( 121 ) 盖楼(回复)
支持 ( 177 ) 盖楼(回复)
支持 ( 110 ) 盖楼(回复)
支持 ( 124 ) 盖楼(回复)