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

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

大小:997.9M 语言: 法语

类型:健康医疗 系统:macOS

备案号:备案号:苏7U-201568908-43X
简介 相关 评论(7)
热门游戏 竞技游戏 枪战游戏 枪械游戏大全

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是中国首个开源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)。

乐鱼网玩牛牛 新乐鱼 亚洲 分分彩买大小 随缘体育 红安体育
展开全部
应用信息
用户评论 跟帖评论

热门评论

最新评论

2023/11/13 14:30
4年一次的奥运会将在巴西里约内热举行,这又将是一次世界运动大狂欢,相信有很多用户都很期待今天的跳水比赛,小编为有需要的用户带来了2016里约奥运会跳水赛程表,欢...

支持( 190 ) 盖楼(回复)

2023/11/26 21:16
最强勇士游戏,是一款休闲趣味的闯关冲刺游戏。玩家将扮演着一位超级可爱小动物进行各种可爱的冒险玩法,还能施展各种强大技巧,与敌人展开疯狂的竞技较量哦。最强勇士游戏...

支持( 71 ) 盖楼(回复)

2023/11/15 02:13
有喜欢晚上关灯还是在玩手机的朋友,小编觉得你这样是会给自己的眼睛带来很大的伤害的,不过有很多的朋友是喜欢这样玩手机的话,就下载这款绿色护眼灯试试吧!绿色护眼灯介...

支持( 104 ) 盖楼(回复)

2023/10/31 14:40
魔禁单职业版手游写实的魔幻画风的传奇游戏,多样的职业切换,骑乘坐骑展现自己的魅力,在未知的战场上发挥自己强大的实力。魔禁单职业版手游介绍一款写实风格,以传奇为题...

支持( 42 ) 盖楼(回复)

2023/11/08 11:44
小米换机官方app,可以在不同手机品牌之间使用呢。这是小米官方出品的一个手机换机系统,通过这个app你可以把旧手机的数据一键导入新手机中,包括各种照片,视频,音...

支持( 138 ) 盖楼(回复)

2023/11/21 09:45
麦鸭推文APP是一款比较不错的自媒体创作辅助工具,通过该软件可以帮助用户更加高效的进行自媒体创作,而且软件支持ai文生视频,一键快速成片,只需用户在文本框输入相...

支持( 182 ) 盖楼(回复)

2023/11/21 14:38
这款软件是一款非常专业的外面软件,使用这个软件你可以与商家进行互动,可以在线的进行点外卖,周边信息快速的浏览,在线付款快速外卖!龙外卖介绍龙外卖能够定位您所在的...

支持( 68 ) 盖楼(回复)

2023/11/22 23:09
草图大师sketchuppro2018官方版是一款专业的设计工具,可以用来设计3D图纸,设计师可以通过这款软件设计出直观的三维设计作品,简单好用,获得了大量用户...

支持( 36 ) 盖楼(回复)

2023/10/31 23:43
宝宝识字卡app是专为学龄前儿童准备的一款早教识字软件,软件设计挺受宝宝们欢迎的,配色鲜艳,关卡多样,内容有趣,让宝宝学习的语言更全面。软件介绍《宝宝识字卡》提...

支持( 78 ) 盖楼(回复)

2023/11/04 06:38
本应用为一款以可爱萌等为主题的屏幕锁。包含了超萌超可爱的背景,还有唯美的萤火虫以及各种颜色的泡泡效果,可以根据自己的喜好来随意设置这些效果。您还在等什么,赶快下...

支持( 163 ) 盖楼(回复)

2023/10/30 09:35
综合性的用药助手软件,易点药app将线上和线下相结合,给大家专业的使用药品的建议,预定慢病药无需医院排队,精选药品种类,安全有保障。功能介绍【选购好药-医院同品...

支持( 189 ) 盖楼(回复)

2023/10/30 03:34
桌面壁纸自然风光高清篇共计200张,非常多漂亮清晰的桌面壁纸,欢迎您下载使用。...

支持( 29 ) 盖楼(回复)

2023/11/21 18:01
DC传奇手游,游戏画面建模非常好,最有趣的是一些装备的小彩蛋,人物的技能很多,动画效果也很炫酷,蝙蝠侠!神奇女侠!闪电侠!快加入到DC英雄们的世界吧!DC传奇手...

支持( 146 ) 盖楼(回复)

2023/11/18 05:44
一剑成仙ios版是一款很好玩的经典MMORPG手游,游戏采用3D渲染技术打造出精致唯美的画面,拥有实时PVP乱斗、全自由交易等玩法,感兴趣的来下载吧!游戏介绍九...

支持( 34 ) 盖楼(回复)

2023/11/13 16:43
放开那三国3最低折扣平台登录即送50连抽,放不开的三国卡牌王者,一起征战三国乱世!这是一款三国题材的卡牌策略手游,游戏画面精美,拥有绝美立绘,完美传承了前作的精...

支持( 31 ) 盖楼(回复)