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

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

大小:448.0M 语言: 英文

类型:主机游戏适配 系统:macOS

备案号:备案号:京6R-200792320-51N
简介 相关 评论(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>


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

CSS:

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

JS:

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

AmazeUI介绍

移动而生三国志吕布传2011版下载-三国志吕布传完整版2.0.0豪华版

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控制中解放出来,专注于业务逻辑。

12博手机游戏 万博平台下载 北方网体育论坛 博悦体育官网 体育界大明星
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/11/08 18:43
想要快速的浏览一个文件夹中的所有图片不用一张张的点开进行浏览了,通过图片幻灯播放软件可以直接自动播放文件夹中的所有图片,让图片的浏览更加便捷。以幻灯方式连续播放...

支持( 198 ) 盖楼(回复)

2025/11/01 21:45
坦克世界挂机软件是一款功能强大,使用方便的坦克世界辅助工具,不过开发这个软件的人是以赚钱为目的,这里给您提供的是坦克世界挂机软件破解版,让您不花一分钱也能轻松挂...

支持( 30 ) 盖楼(回复)

2025/11/15 16:10
功能全面界面简单的自动关机软件——新义软件电脑自定义定时自动关机软件可定时设计为星期一至星期天,各个时间段设置,主要用于定时注销,定时重启和定时关机操作。有需要...

支持( 74 ) 盖楼(回复)

2025/11/16 22:00
我的宫廷手游是一款非常好玩的养成类手机游戏,这款游戏有着众多的人物可以攻略,我的宫廷有着非常丰富的剧情,觉对多的宫廷争斗玩法,喜欢这款游戏的可以试玩哦!我的宫廷...

支持( 40 ) 盖楼(回复)

2025/11/12 18:18
云指课堂教师版app是一款在线课堂学习软件,老师通过app直接的管理学生,提供了专业课程建设、课堂学习、就业择业等全方位功能,为教学提供方便。云指课堂官网介绍云...

支持( 196 ) 盖楼(回复)

2025/10/29 12:15
ABCmouse腾讯版是一款使用十分方便的英语教学软件,目前这款软件由腾讯独家代理,软件界面优化了许多,不少家长朋友们都在使用这款软件提高孩子们的学习兴趣,还在...

支持( 86 ) 盖楼(回复)

2025/10/26 08:55
JGJ/T140-2019预应力混凝土结构抗震设计标准是一篇关于建筑混凝土抗震规范,在规范里,施工单位将会对此进行要求跟进,同时这也是工程单位里最后重要的一环哦...

支持( 157 ) 盖楼(回复)

2025/11/07 03:25
有趣的休闲类游戏,和你的对手竞技,激烈又刺激,随意挑战,小心应对每一关,轻松有趣的大乱斗,感受这最清楚的闯关体验。你好炸弹人介绍准备炸开敌人。炸吧!玩它来满足你...

支持( 46 ) 盖楼(回复)

2025/10/28 17:02
小黑校长app是一款专注于医学考试的软件,选择自己想要考试的岗位即可进入对应的课程辅导,让你有针对性的进行学习,大大的提高你的学习效率,还有大量的免费好课可以领...

支持( 111 ) 盖楼(回复)

2025/11/13 00:54
千剑勇者手游是一款二次元系的冒险类游戏,真正实现超强打击感,6大职业,48种转职,100+萌宠等你来解锁,一起畅玩千剑勇者奇幻之旅。人气偶像,异域舞娘,战姬花魁...

支持( 99 ) 盖楼(回复)

2025/10/25 23:52
采购的人员也是需要有一款不错的可以帮助你记录你们的采购东西的软件,现在就可以试试这款百卓优采个人版,可以支持电脑版,同时也是有手机版的!百卓优采个人版手机客户端...

支持( 146 ) 盖楼(回复)

2025/11/09 08:12
卡通画风的一款恋爱主题的冒险游戏,第一序列重建手游中采用的是都市架空背景,为了保卫女神而战,玩法丰富,加入了动作,卡牌,收集等多种玩法为一体,与各种女神一起冒险...

支持( 198 ) 盖楼(回复)

2025/11/16 23:07
中国石油正式的推出的一款为所有的车主提供的一款手机端软件,全方面的为你提供各种各样的加油相关的服务以及相关的资讯,有需要的用户现在就可以来免费的下载!专为手机用...

支持( 73 ) 盖楼(回复)

2025/11/11 04:27
Askai写作专家app是一个ai智能写作软件,可以帮助用户快速生成高质量的文章,能够模仿人类的语言和写作风格,生成出高质量的文章,无疑是许多企业和写手的神器!...

支持( 20 ) 盖楼(回复)

2025/11/15 06:33
我去买几个橘子你就站在此地,不要走动是最近朋友圈非常火热的表情包。很多朋友都不知道是什么意思,这里带来了我去买几个橘子表情包,喜欢的朋友快来下载使用吧!朱自清背...

支持( 191 ) 盖楼(回复)