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

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

大小：1,984.0M 语言： 中文

类型：理财工具 系统：macOS

备案号：备案号：京8P-200842765-24I
简介 相关 评论(7)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

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

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>


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

CSS:大小球预测

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

JS:

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

竞彩足球在哪买 虐训火爆体育生 博彩赔率分析 威尼斯年游客 兑彩网
展开全部
应用信息
其他版本
201710月百度帐号注册机最新版

201710月百度帐号注册机最新版1,837.7M / 9.3分

下载Balls vs Cubes安卓版下载-Balls vs Cubes游戏(球与立方体)1.4 最新版

Balls vs Cubes安卓版下载-Balls vs Cubes游戏(球与立方体)1.4 最新版845.1M / 8.9分

下载中级会计模考app下载-中级会计模考苹果版1.0官网苹果版

中级会计模考app下载-中级会计模考苹果版1.0官网苹果版112.4M / 8.7分

下载国鑫石化行情-国鑫石化行情分析软件4.0.5.0 官方最新版

国鑫石化行情-国鑫石化行情分析软件4.0.5.0 官方最新版22.5M / 8.5分

下载三国大冒险bt下载-三国大冒险变态版1.0.9.99安卓版

三国大冒险bt下载-三国大冒险变态版1.0.9.99安卓版1,486.9M / 8.0分

下载强生易验车司机版app下载-强生易验车司机端1.2.2 官方手机版

强生易验车司机版app下载-强生易验车司机端1.2.2 官方手机版1,120.1M / 8.4分

下载仙凡传手游1.0.0 安卓手机版

仙凡传手游1.0.0 安卓手机版42.1M / 8.3分

下载品各手机客户端-品各app1.0.7 安卓最新版

品各手机客户端-品各app1.0.7 安卓最新版1,126.4M / 9.9分

下载成语步步升游戏下载-成语步步升游戏1.0.3 安卓版

成语步步升游戏下载-成语步步升游戏1.0.3 安卓版1,790.5M / 9.3分

下载有言在先手机版1.2.50 安卓版

有言在先手机版1.2.50 安卓版38.5M / 8.1分

下载沃去app苹果版下载-沃去app(国庆免费出行乘车)1.1.1 官方最新ios版下载

沃去app苹果版下载-沃去app(国庆免费出行乘车)1.1.1 官方最新ios版下载321.7M / 9.1分

下载网易轻松护眼app-网易轻松护眼1.0.5 安卓最新版

网易轻松护眼app-网易轻松护眼1.0.5 安卓最新版1,449.9M / 9.7分

下载剑来武神手游-剑来武神官方版1.0安卓版

剑来武神手游-剑来武神官方版1.0安卓版270.7M / 9.6分

下载飞行地毯手游下载-飞行地毯1.0苹果版

飞行地毯手游下载-飞行地毯1.0苹果版888.5M / 7.6分

下载趣颜换装app下载-趣颜拍照软件1.1.4 手机版

趣颜换装app下载-趣颜拍照软件1.1.4 手机版966.9M / 8.7分

下载
用户评论 跟帖评论

热门评论

最新评论

2025/12/07 18:35
最好用的MIUI全系列rom刷机包一键精简工具大家快来下载领取吧，傻瓜式的让你一键就能够把rom安装包里面的多余不用的内容给去掉，完全不会影响系统的使用，如果你...

支持( 140 ) 盖楼(回复)

2025/12/02 02:48
全新打造东方古韵仙侠游戏，上古战纪大武尊，神将、异兽、妖魔，体验属于你的封神世界。超高福利赠送，零氪也能玩得开心。上古战纪大武尊官方版特点1、修仙竞技三界闯关，...

支持( 128 ) 盖楼(回复)

2025/11/25 01:42
阴阳录，一款经典的日系和风RPG手游。游戏采用精美和风打造，多款式神等你培养，丰富的阵容轻松搭配，挑战各个剧情副本，体验日系和风世界精彩。阴阳录手游介绍《阴阳录...

支持( 84 ) 盖楼(回复)

2025/11/18 12:10
御剑决仙魔世界满V版是一款魔幻仙侠rpg手游，动人画质，3D的人物造型，极富想象力的剧情任务，爱恨情仇之间的交战，仙侠的世界，帮派的加入，无止境的战役，副本元宝...

支持( 110 ) 盖楼(回复)

2025/12/01 23:50
滑板战记手游是一款以滑板为题材的动作设计类游戏，可爱的游戏画风，多样的游戏关卡，在游戏中玩家徐雅琪操控主角穿越重重障碍，在游戏里进行闯关任务挑战，还有各种武器、...

支持( 107 ) 盖楼(回复)

2025/11/25 08:00
僵尸小队生存射击是一款以末日为背景，以射击僵尸为主题的游戏。在游戏中，玩家将与其他幸存者一起组成小队，在末日中拯救幸存者，并使用各种武器进行战斗。画面精美，音效...

支持( 125 ) 盖楼(回复)

2025/11/28 23:37
买了手机就需要知道它的性能是怎么样的，想更好的了解以及知道自己的手机性能怎么样的话，就可以试试下面的这款最新有效的手机性能测试的软件！手机性能测试方法1.开机时...

支持( 18 ) 盖楼(回复)

2025/12/07 13:32
钻石看图王是一款与众不同的图片浏览器，它最大特点就是可以同时平铺打开大量的图片，让你一览无余，十分过瘾。当你有大量的图片需要对比和浏览时，用这款软件就不必一张一...

支持( 109 ) 盖楼(回复)

2025/11/27 00:12
云南家长网校app手机客户端为家长提供教育知识学习，权威的教育平台，家长可以随时通过app学习各种教育知识，欢迎来下载！云南家长网校app介绍“云南家长网校”由...

支持( 49 ) 盖楼(回复)

2025/11/17 23:35
日系传奇回合制游戏--响之轨迹游戏苹果版，你可以自由的释放魔法，同时也是可以直接的挑战各种boss，这里还是以二次元风格为主的玩法，相信你一定会喜欢！响之轨迹游...

支持( 139 ) 盖楼(回复)

2025/11/27 11:00
数字域名批量查询工具是一款便捷实用的专门针对于各种数字域名的查询工具，能够对各种数字域名的详细信息进行查询，操作便捷，还支持一键批量查询，可以帮助使用者节省不少...

支持( 145 ) 盖楼(回复)

2025/11/22 22:16
心美淘惠手机版是一款手机在线优惠购物软件，平台拥有海量商品，用户可以通过手机选购自己喜欢的商品，在下单前领取优惠券进行购买还可以省下一大笔钱。软件特色：【9.9...

支持( 67 ) 盖楼(回复)

2025/11/24 01:18
这是专为优化你的电脑的性能从而使得你的Game运行速度更快而设计的系统优化工具，此程序是为提高Game运行速度而量身定做的程序。首先选择你的操作系统和CPU类型...

支持( 84 ) 盖楼(回复)

2025/11/16 23:04
毛毛虫QQ表情包是一款超可爱的qq高搞笑表情包，表情包内容很丰富，很有特色哦，卡通可爱QQ表情毛毛虫相信大家都见过，但是这个巨型毛毛虫，相信大家都很惊讶吧，它的...

支持( 59 ) 盖楼(回复)

2025/12/03 08:45
趣拍3D安卓手机版是一款摄影手机软件，该软件采用“空三处理”的技术，只需倾斜手机或者滑动照片就能抓住您的精彩瞬间，软件更有海量贴纸素材供您使用，喜欢自拍的朋友们...

支持( 75 ) 盖楼(回复)

猜你喜欢
热门游戏 进入专区
精品推荐
排行榜
  • 本类最新
  • 最热排行
  • 评分最高
点击查看更多
点击查看更多
点击查看更多