香港好彩网高手论坛冠彩网计划

香港好彩网高手论坛冠彩网计划AmazeUI介绍移动而生AmazeUI以移动优先（Mobilefirst）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。组件丰富，模块化AmazeUI含近20个CSS组件、10个JS组件，更有17款包含近60个主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提...

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

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

CSS:

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

JS:

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

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

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模板（预览）；

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>

<metaname="renderer"content="webkit">

<metahttp-equiv="Cache-Control"content="no-siteapp"/>

<linkrel="icon"type="image/png"href="assets/i/favicon.png">

<metaname="mobile-web-app-capable"content="yes">

<linkrel="icon"sizes="192x192"href="assets/i/app-icon72x72@2x.png">

<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">

<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>

<scriptsrc="assets/js/jquery.min.js"></script>

<!--[iflteIE8]>

<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

<![endif]-->

</body>

</html>

直播6体育利记娱乐成专家心水博彩中博彩票手机版乐博现金网平台

展开