amaze ui js 插件 怎么用

html-css017

amaze ui js 插件 怎么用,第1张

Amaze UI 是一个轻量级（所有 CSS 和 JS gzip 后 100 kB 左右）、 Mobile first 的前端框架， 基于开源社区流行前端框架编写

使用方法：

1、下载Amaze UIv2.7.0

2、引入以下组件：

http://cdn.amazeui.org/amazeui/2.7.0/css/amazeui.css

http://cdn.amazeui.org/amazeui/2.7.0/css/amazeui.min.css

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.js

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.min.js

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.ie8polyfill.js

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.ie8polyfill.min.js

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.widgets.helper.js

http://cdn.amazeui.org/amazeui/2.7.0/js/amazeui.widgets.helper.min.js

<link rel="stylesheet" href="/static/css/amazeui.min.css">

<link rel="stylesheet" href="/static/css/app.css">

<script src="/static/js/jquery.min.js"></script>

<script src="/static/js/amazeui.min.js"></script>

1、Bootstrap介绍

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

2、Amaze ui介绍

Amaze UI是国内首款Html5开源跨屏前端框架，优秀开源前端框架，拥有丰富的CSS+JS组件。轻量级高性能开源框架，以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流；面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载；含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率；相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。

3、两者的区别

bootstrap只是对HTML增加了CSS进行美化。

而amaze ui则在bootstrap美化的基础上，主要增加JS添加了动态，以及更多样式；另外amaze ui侧重于移动优先！