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

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

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

类型:实用工具 系统:macOS

备案号:备案号:粤6P-202133847-31N
简介 相关 评论(9)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

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

CSS:

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

JS:

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

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

AmazeUI介绍

移动而生梦三国手游九游版下载-梦三国九游版6.3.33 最新版

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

展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2025/10/28 17:59
这是我们东坡下载为大家整理出来的一篇大学生社会实践报告范文,内容比较丰富共有2篇实践报告范文,有需要准备寒假期间实践报告的同学们可以来免费的下载使用!丰富的内容...

支持( 169 ) 盖楼(回复)

2025/11/02 21:18
itSmoke安卓版下载,这是一款虚拟香烟模拟器,吸烟有害健康,有了itSmoke安卓版就能够在手机上模拟抽烟的过程,久而久之的就能帮助大家戒烟成功。itSmo...

支持( 101 ) 盖楼(回复)

2025/10/28 18:52
神界Ⅳ毁灭之神地图是魔兽防守地图,神界Ⅳ毁灭之神5.3正式版是加强骸骨宝物1亿属性,修改了技能不需要转生的问题,有喜欢这款地图的玩家可以免费下载。神界Ⅳ毁灭之神...

支持( 94 ) 盖楼(回复)

2025/11/05 00:35
相信喜欢玩游戏或者是搞影音的朋友都会对电脑的声音有些特别的要求,以至于电脑都是要安装几个声卡,来达到自己心目中的要求的!今天小编给你们带来的是一款可以让你们自由...

支持( 91 ) 盖楼(回复)

2025/11/14 15:47
血炼之魂是一款非常好玩的魔兽地图,游戏的作者是fuck,东坡为大家带来了血炼之魂1.0.6正式版,喜欢的同学快来下载试试吧!首先本图并不建议单人通关需要多人配合...

支持( 153 ) 盖楼(回复)

2025/11/08 08:07
本强强插件是一系列的3Dmax脚本插件,里面有多个生长插件,总共21个,可以做一些随机的,移动、旋转、隐藏、缩放动画,常用于建筑漫游动画的楼房生长。欢迎有需要的...

支持( 94 ) 盖楼(回复)

2025/11/14 01:31
奇迹之剑4399手机游戏是一款娱乐性很强的手机游戏,策划方面:精敲细琢游戏数值体验,让大家都享受高福利的同时,玩出差异性;丰富游戏的玩法和交互,除了试炼之塔、竞...

支持( 108 ) 盖楼(回复)

2025/11/05 17:51
战士大逃亡游戏下载推荐,这是一款卡通风格的低配置吃鸡游戏,在这里享受最清新的射击对抗吧。结合了经典的io模式,采用上帝视角,随时随地可以加入到属于你们的战斗中,...

支持( 15 ) 盖楼(回复)

2025/10/29 07:12
沃去app是为大家提供的一个便捷出行手机支付软件,有了这个大家就可以通过手机支付来完成乘坐公交了,非常的方便,这里为大家带来沃去app苹果版下载,专门为苹果用户...

支持( 83 ) 盖楼(回复)

2025/11/01 08:05
勒索病毒KB4012598防护补丁是一款系统修复补丁,很多用户都在担心自己的电脑会不会受到勒索病毒侵犯,安装这款补丁有助于抵御这款病毒,给大家提供最新的微软官方...

支持( 52 ) 盖楼(回复)

2025/11/11 12:25
P2P终结者是一款优秀的网络管理软件,它可以让您轻松地、傻瓜化地管理局域网中BT、电驴等大量占用带宽的网络引用,为家庭、企业节省宝贵的有限带宽,从而保障网页浏览...

支持( 27 ) 盖楼(回复)

2025/10/24 22:37
是不是还在为你的空间没有人气烦恼,别烦恼了,这个问题现在帮你解决,刷QQ空间人气客户端就是一个能帮你解决问题的好帮手,简单容易上手。刷QQ空间人气客户端怎么使用...

支持( 199 ) 盖楼(回复)

2025/10/29 08:11
电音基调查询软件是一款专门用来查询歌曲基调的工具,只需要你输入歌名,就能快速的进行查找,非常的便捷实用。电音要点1、定调不要怕累,就多试多唱没有什么窍门,就是一...

支持( 156 ) 盖楼(回复)

2025/11/02 03:30
平时喜欢在京东上购物吗,想不想用最低的价钱买到最好的商品?京东优惠极速版app你值得拥有,官方打造的手机客户端,所有京东优惠都在这里,新人还有1元抢好礼活动,快...

支持( 104 ) 盖楼(回复)

2025/10/29 02:31
这个是最新的2020版本图像处理工具,2020版本比原来的版本新增加了许多的功能,可以轻松对多张照片进行编辑,自由创建图库等,这个是破解版本,集成补丁!Lrcl...

支持( 11 ) 盖楼(回复)