HTML5跨屏前端框架(Amaze UI)2.5.0 官方版【附教程】手游最新版本

HTML5跨屏前端框架(Amaze UI)2.5.0 官方版【附教程】手游最新版本

大小:99.7M 语言: 简体中文

类型:金融理财 系统:macOS

备案号:备案号:京8B-200972755-34V
简介 相关 评论(6)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

AmazeUI是中国首个开源HTML5跨屏前端框架,它是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架,基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源,通过开源的形式来回馈社区。

AmazeUI怎么用

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介绍

移动而生

foundation

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

组件丰富,模块化

web

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

本地化支持

chinese

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

轻量级,高性能

mobile

AmazeUI面向HTML5开发,使用CSS3来做动画交互,平滑、高效,更适合移动设备,让Web应用更快速载入。

AmazeUI特性

专注UI

只提供单纯的UI(View),对配套技术不做限定,可以在Backbone、Angular、Meteor等框架中使用。

组件化,可复用、易扩展

基于React封装组件,不再疲于组织杂乱的HTML标签;组件可以按需组合、功能扩展方便。

高性能

React所使用的VirtualDOM技术,能最大限度减少DOM操作,有效提高性能。

单向数据流

单向数据流可以简化操作,从DOM控制中解放出来,专注于业务逻辑。

AmazeUI2.4.0更新日志:2015-06-01

CSS:恋爱清单记录免费下载-恋爱清单记录手机版1.1.0 最新版

ImprovedArticle增加图片最大宽度限制样式。

JS:

Fixed#587修复cookie设置expires无效问题(Thxto@Stephenzxb)。

真人上下分打鱼 来球直播体育 1博彩票注册 换备用胎怎么换 威尼斯 桥
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/11/28 06:23
蝙蝠侠:阿甘起源是继续蝙蝠侠系列的最新续作,那么如游戏名称所示,这里的故事将发生在阿甘系列作品的最前面,也就是起源!使用说明1、解压缩后运行修改器2、先点击右上...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 37 ) 盖楼(回复)

2025/11/23 22:52
百城招聘是广东百城人才网络股份有限公司精心打造的求职找工作软件;使用这款软件,求职者可以与招聘组线上一对一直聊,百城招聘app帮助各行各业的人才找到心仪的工作!...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 188 ) 盖楼(回复)

2025/12/05 12:14
多多的节日app是一款帮助孩子认识传统节假日软件的教育软件,通过卡通人物的有趣教导,孩子学的开心有意思,非常不错,有需要的朋友快来下载使用吧!多多的节日游戏介绍...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 118 ) 盖楼(回复)

2025/12/01 11:30
ELMIA三项修改器是针对同名游戏打造的一款修改器,游戏中有丰富的关卡,但是有些关卡是有一定的难度,直接使用修改器修改数据,快速过关。ELMIA三项修改器使用方...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 153 ) 盖楼(回复)

2025/11/23 00:16
Exe2Swf转换器是简单的提取工具,从字面上看就是就是这个软件能够在exe里面提取swf格式的文件,操作真是相当的方便,而且使用之后可以让你省下很多时间来去干...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 121 ) 盖楼(回复)

2025/12/02 13:35
一款非常实用的手机清理软件,下载此款软件对手机进行高效管理保护,清理手机中占用内存的垃圾文件给手机加速,专业的病毒查杀为手机进行保护,手机降温提高手机使用寿命,...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 7 ) 盖楼(回复)

2025/12/06 10:55
淘宝点金手发券通是一款绿色免费的由凯威工作室推出的目前唯一突破淘宝限制发券的软件。软件功能强大,仅提供发券功能,是淘宝拓客助手拆分出来的单独发券软件,可日发1....

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 31 ) 盖楼(回复)

2025/11/29 04:36
这是一个可以代理充值以及交易游戏账号的手机游戏社区平台,如果你喜欢玩/想要玩外服游戏,国际服游戏的话最好是自备一些这样的渠道,可以帮助你进行很方便的充值以及整理...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 74 ) 盖楼(回复)

2025/12/05 03:58
再次重申不要使用过期补丁(还原补丁也会过期),喜欢POE国际服的玩家准备的游戏汉化工具,能够帮助玩家将游戏中的文字内容转换为中文,方便玩家更好的去了解游戏内容更...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 56 ) 盖楼(回复)

2025/12/13 00:25
非常好玩的一款休闲游戏,将童年的游戏融合,有123木头人、椪糖等,在线联机进行匹配,玩起来更加的过瘾。木头人不许动手游特点1,完全真人联机匹配,来一场真正的淘汰...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 10 ) 盖楼(回复)

2025/12/03 00:29
一款拥有恢弘故事背景的仙侠游戏,仙魔共生的洪荒世界中,以即时策略的战斗模式,和华丽炫酷的技能展现,为玩家们带来一场震撼的视觉盛宴,进入仙道,一起斩妖除魔。仙魔纪...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 19 ) 盖楼(回复)

2025/12/08 08:30
智信仓库管理软件是一款智信仓库管理系统,此软件功能齐全,界面设计简洁,美观,其人性化的软件流程,让你一看就懂,操作非常简单,是企业仓库、生产管理的首选工具!喜欢...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 136 ) 盖楼(回复)

2025/12/14 08:58
数苑校园app校园版,支持在线作业与在线测试,支持考试预约与记录查询,帮助用户查询了解考试详情,真实的在线考试软件,监考老师实时监控,摄像头非常的高清。数苑校园...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 29 ) 盖楼(回复)

2025/11/24 20:35
起重吊装公司管理系统软件是一款专为中小型起重吊装公司打造的系统管理软件,能为用户提供项目管理、人工记录、日常收支、车辆管理等功能,还能帮助你快速录入相关数据,是...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 57 ) 盖楼(回复)

2025/12/02 14:34
看中医的一个手机平台,北京好中医app中包含了很多症状不适,像妇科,肿瘤科,消化科,呼吸科等,帮助用户改善病症,看病首选的中医平台。软件特色掌上咨询,守护健康服...

/www/wwwroot/baoma/wp-admin/css/colors/red/template4.php on line 145
">支持( 157 ) 盖楼(回复)