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

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

大小:884.8M 语言: 西班牙语

类型:竞技对战 系统:macOS

备案号:备案号:京9I-200267808-29M
简介 相关 评论(6)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

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

CSS:

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

JS:

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

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

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汲取了很多优秀的社区资源,通过开源的形式来回馈社区。嘟嘟魔域手游下载-嘟嘟魔域安卓版1.1.7 最新版

加拿大下注 新九游会 教学 亚博赢钱网页端 众博取款方便c 体彩6+1中奖
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2005/07/08 03:20
手机游戏现在主要的玩法就是挂机了,那么现在有多少的游戏是主要的是挂机的,有没有一款是专门的挂机游戏了,现在小编就给你介绍下面的这款大侠挂个机!大侠挂个机官方介绍...

支持( 112 ) 盖楼(回复)

2005/06/25 17:53
工作总结当然是简约大气才能上台面,为大家提供的是简约点线工作总结ppt模板,格式新颖大气,给人专业的感觉。而且模板完全免费,喜欢就来下载吧。简约点线工作总结pp...

支持( 38 ) 盖楼(回复)

2005/07/10 22:19
freeview画图软件是一款十分完美的画图辅助软件,该款软件是系统自带画图工具的升级版,除了一些基本功能外,此工具同时附带多种强大功能,freeview具有绘...

支持( 145 ) 盖楼(回复)

2005/06/16 01:03
长截图拼图软件内置海量拼图模板涵盖多种风格,无论是日常照片的简单拼接,还是打造具有艺术感的作品集,都能找到契合需求的模板。比如您想制作一组旅行照片拼图,可选择带...

支持( 105 ) 盖楼(回复)

2005/06/16 16:01
银翼战机红包福利版虽然是一款单机游戏,但是游戏质量是堪比大型网游的,这款游戏是属于机甲对战pk类的射击游戏,有很多漂亮的小姐姐的,很适合男性玩家来玩的哦~游戏介...

支持( 64 ) 盖楼(回复)

2005/06/14 13:24
智慧创业就业ios版是智慧双创公共服务平台技术(北京)有限公司特地为iPhone手机用户开发的一款手机app,为了方便需要就业、创业的用户使用,欢迎下载!智慧创...

支持( 62 ) 盖楼(回复)

2005/07/02 10:49
FIFA18是一款非常热门的足球运动游戏,相比于前作拥有更加丰富的球员,更加优秀的画面,小编为你提供FIFA18单独免DVD补丁,让你更加愉快的游戏,喜欢这款游...

支持( 52 ) 盖楼(回复)

2005/06/28 09:25
MetronomeEXP是一款音乐节拍器软件,软件界面简洁,操作简单,可以通过metronome节拍器提供音乐技能,需要朋友快来下载吧。MetronomeEXP...

支持( 119 ) 盖楼(回复)

2005/06/20 06:10
《漫威:秘法狂潮》是由网易游戏与漫威游戏联合开发的团队战术RPG手游,于2025年6月26日正式登陆iOS/Android平台,采用“免费下载+内购”模式。作为...

支持( 45 ) 盖楼(回复)

2005/06/19 18:20
律优优app是一款非常好用的法学知识软件,为全国有法律问题的用户提供在线法律咨询服务,而且还有许多的法律案件项目,可以进行实战学习,在生活中方方面面都能用到这款...

支持( 55 ) 盖楼(回复)

2005/07/07 00:52
LEGOMINDSTORMSEV3是乐高EV3机器人编程软件,软件使用机器人帮助你进行编程,拥有非常简易的操作控制界面,用户可轻松驾驭机器人为你编程,服从你输入...

支持( 56 ) 盖楼(回复)

2005/06/24 01:07
免费漫画大全app是一款涵盖10万+的免费漫画阅读观看软件,用户下载这款软件就能够在上面进行阅读了解,app上没有丝毫广告的打扰,能够更好的进行阅读,有感兴趣的...

支持( 100 ) 盖楼(回复)

2005/07/07 01:09
SSD-Z固态硬盘检测工具,它能够通过读取硬盘固件中的信息,为你提供实时的硬盘健康状态汇报,具体功能包括检测设备信息、SSD健康参数读取、查看分区状态、性能测试...

支持( 71 ) 盖楼(回复)

2005/07/12 14:09
亿万消除红包版游戏是一款非常有趣的赚钱小游戏,消除相同元素来赚取现金红包,游戏关卡丰富,红包更丰富;点一点轻松赚零花钱,游戏过程非常的解压,喜欢的小伙伴记得来东...

支持( 108 ) 盖楼(回复)

2005/07/03 13:19
中国人自己的商城,主流手机购物APP,提供物流配送、产品售后等服务,还有使用体验等全方位评测,积分当钱花。应用介绍786商城是一款综合性购物商城,为商家经营者提...

支持( 148 ) 盖楼(回复)