小编给大家分享一下amaze ui怎么使用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
专注于为中小企业提供做网站、
网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业
五龙口免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
引言
一个前台页面的开发一般需要html、css、javascript三种技术的支持，amazui ui对一些css、js进行了封装，是其可供用户直接调用。
使用方法
amaze ui的使用通常有两种方式：css、js文件复制到项目中；采用cdn方式。（在开发过程中采用第一种方式；开发结束需要部署时，采用第二种方式。
具体解释见附录1）
方法一
1.将amaze ui对应的zip下载。
解压后查看该文件夹下的问assets文件，assets文件夹下又包括css、js文件夹，这两个文件就是amaze ui中封装，可供用用户直接使用的样式。
2.把上述提到的css、js文件夹拷贝到web项目的WebRoot下。
3.在项目中对样式进行使用。
注：使用hbuilder开发非常便捷。
hello amazeui
aaa
方法二
在官网上获取js和css对应的地址，将他们引入到js中。但是使用amaze ui的js，需要jquery的支持，所以需要将其导入，导入次序要在js之前。
</title >
<link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css"/>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>
</head>
<body>
<button <span style="color:#ff0000;">class</span>="am-btn" value="aa">
</button>
</body>
</html></pre><p>我们在class中使用amaze ui已经封装好的格式。</p><br/><p><strong>附录1</strong></p><p>在开发过程中，使用的是hbuilder这个工具，如果将amaze ui的css、js导入到项目中，开发过程中工具本身会有提示；但是，当用户访问该网页时，每次都会请求本地的css和js资源，会增加部署该项目的服务器的负担。因此为了避免第二项问题，我们在部署项目时会改变成第二种方式。</p><p>以上是“amaze ui怎么使用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！</p> <br>
网站题目：amazeui怎么使用-创新互联 <br>
分享URL：<a href="http://cdxtjz.com/article/spjjc.html">http://cdxtjz.com/article/spjjc.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/gcijie.html">怎么使用Docker部署Laravel应用</a>
</li><li>
<a href="/article/gcijph.html">怎么深入分析SpringMVCframework</a>
</li><li>
<a href="/article/gcijjo.html">javascript如何删除数组中指定下标的元素</a>
</li><li>
<a href="/article/gcijjh.html">Python怎么进行最简单的IP地址查询</a>
</li><li>
<a href="/article/gcijpi.html">vue实现动态数据绑定</a>
</li> </ul>
</div>
</div>
<footer>
<div class="foot container">
<div class="footl fl">
<h3>联系我们</h3>
<dl>
您好HELLO!<br>
感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们，
我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
</dl>
<ul>
<li>电话：028- <span>86922220 18980695689</span></li>
<li>商务合作邮箱：631063699@qq.com</li>
<li>合作QQ： 532337155</li>
<li>成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼</li>
</ul>
</div>
<div class="footr fr">
<h3>小谭建站工作室</h3>
<dl>
成都小谭网站建设公司拥有多年以上互联网从业经验的精英团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。
我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！
</dl>
<h3>小谭观点</h3>
<dl>
相对传统的成都网站建设公司而言，小谭鼎是互联网中的网站品牌策划精英，我们精于企业品牌与互联网相结合的整体战略服务。<br>
我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
</dl>
</div>
</div>
<div class="link">
<div class="container"> <span> 友情链接：</span>
<a href="http://www.csyarui.cn/" title="成都雪糕加盟" target="_blank">成都雪糕加盟</a> <a href="https://www.cdxwcx.com/city/jianyang/" title="简阳网站建设" target="_blank">简阳网站建设</a> <a href="http://www.gawzjz.com/" title="工业净化空调" target="_blank">工业净化空调</a> <a href="https://www.cdxwcx.com/jifang/xibuxinxi.html" title="成都西信服务器托管" target="_blank">成都西信服务器托管</a> <a href="https://www.cdxwcx.com/cloud/" title="成都云主机" target="_blank">成都云主机</a> <a href="https://www.cdxwcx.com/wangzhan/app.html" title="移动APP" target="_blank">移动APP</a> <a href="https://www.scvps.cn/" title="成都服务器租用" target="_blank">成都服务器租用</a> <a href="http://mc.scmwjz.com/" title="成都封阳台" target="_blank">成都封阳台</a> <a href="http://www.ledaz.cn/" title="成都小谭网创广告" target="_blank">成都小谭网创广告</a> <a href="http://mc.scmwjz.com/" title="不锈钢防护栏" target="_blank">不锈钢防护栏</a> </div>
</div>
<div class="copy">
