小編給大家分享一下amaze ui怎么使用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
專注于為中小企業(yè)提供做網(wǎng)站、
網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)
五龍口免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了成百上千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
引言
一個(gè)前臺(tái)頁面的開發(fā)一般需要html、css、javascript三種技術(shù)的支持，amazui ui對(duì)一些css、js進(jìn)行了封裝，是其可供用戶直接調(diào)用。
使用方法
amaze ui的使用通常有兩種方式：css、js文件復(fù)制到項(xiàng)目中；采用cdn方式。（在開發(fā)過程中采用第一種方式；開發(fā)結(jié)束需要部署時(shí)，采用第二種方式。
具體解釋見附錄1）
方法一
1.將amaze ui對(duì)應(yīng)的zip下載。
解壓后查看該文件夾下的問assets文件，assets文件夾下又包括css、js文件夾，這兩個(gè)文件就是amaze ui中封裝，可供用用戶直接使用的樣式。
2.把上述提到的css、js文件夾拷貝到web項(xiàng)目的WebRoot下。
3.在項(xiàng)目中對(duì)樣式進(jìn)行使用。
注：使用hbuilder開發(fā)非常便捷。
hello amazeui
aaa
方法二
在官網(wǎng)上獲取js和css對(duì)應(yīng)的地址，將他們引入到j(luò)s中。但是使用amaze ui的js，需要jquery的支持，所以需要將其導(dǎo)入，導(dǎo)入次序要在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>我們?cè)赾lass中使用amaze ui已經(jīng)封裝好的格式。</p><br/><p><strong>附錄1</strong></p><p>在開發(fā)過程中，使用的是hbuilder這個(gè)工具，如果將amaze ui的css、js導(dǎo)入到項(xiàng)目中，開發(fā)過程中工具本身會(huì)有提示；但是，當(dāng)用戶訪問該網(wǎng)頁時(shí)，每次都會(huì)請(qǐng)求本地的css和js資源，會(huì)增加部署該項(xiàng)目的服務(wù)器的負(fù)擔(dān)。因此為了避免第二項(xiàng)問題，我們?cè)诓渴痦?xiàng)目時(shí)會(huì)改變成第二種方式。</p><p>以上是“amaze ui怎么使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！</p> <br>
本文題目：amazeui怎么使用-創(chuàng)新互聯(lián) <br>
網(wǎng)站地址：<a href="http://weahome.cn/article/spjjc.html">http://weahome.cn/article/spjjc.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/csgcje.html">idea首次使用需要配置哪些東西-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/csgcdg.html">如何安裝激活I(lǐng)DEA-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/csgcps.html">Vue中的methods與computed有什么區(qū)別-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/csgcid.html">nginx中的rewrite語句-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/csgcch.html">使用python怎么將讀取的csv文件放入到一個(gè)list中-創(chuàng)新互聯(lián)</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">成都網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作價(jià)格</a><a target="_blank">手機(jī)網(wǎng)站制作</a><a target="_blank">企業(yè)網(wǎng)站制作</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務(wù)</h3>
<a target="_blank">鏈接買賣</a><a target="_blank">工商變更</a><a target="_blank">廣播電視節(jié)目制作許可證</a><a target="_blank">友情鏈接購買</a><a target="_blank">網(wǎng)站收錄</a><a target="_blank">成都免費(fèi)建站</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設(shè)</h3>
<a target="_blank">成都網(wǎng)站建設(shè)公司</a><a target="_blank">重慶外貿(mào)網(wǎng)站建設(shè)</a><a target="_blank">商城網(wǎng)站建設(shè)公司</a><a target="_blank">重慶電商網(wǎng)站建設(shè)</a><a target="_blank">成都網(wǎng)站建設(shè)</a><a target="_blank">電商網(wǎng)站建設(shè)方案</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務(wù)器托管</h3>
<a target="_blank">雅安服務(wù)器托管</a><a target="_blank">服務(wù)器機(jī)柜租賃</a><a target="_blank">綿陽機(jī)房托管</a><a target="_blank">成都機(jī)柜租用</a><a target="_blank">重慶電信回興機(jī)房托管</a><a target="_blank">樂山服務(wù)器托管</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國(guó)免費(fèi)咨詢:</p>
<b>400-028-6601</b>
<p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號(hào)錦天國(guó)際A幢1002號(hào)</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號(hào)</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設(shè)</a>
<a target="_blank">重慶網(wǎng)站建設(shè)</a>
<a href="">四川網(wǎng)站建設(shè)</a>
<a href="">重慶建設(shè)網(wǎng)站</a>
<a target="_blank">移動(dòng)服務(wù)器托管</a>
<a target="_blank">成都服務(wù)器托管</a>
<a target="_blank">云服務(wù)器</a>
<a target="_blank">廣告設(shè)計(jì)制作</a>
<a target="_blank">重慶網(wǎng)頁設(shè)計(jì)</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設(shè)</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設(shè)計(jì)</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預(yù)約顧問</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="kouqy" class="pl_css_ganrao" style="display: none;"><input id="kouqy"></input><tfoot id="kouqy"></tfoot><tr id="kouqy"></tr><tr id="kouqy"></tr><xmp id="kouqy"></xmp><small id="kouqy"><button id="kouqy"><samp id="kouqy"></samp></button></small><center id="kouqy"></center><bdo id="kouqy"><em id="kouqy"><del id="kouqy"></del></em></bdo><center id="kouqy"></center><wbr id="kouqy"></wbr><sup id="kouqy"></sup><xmp id="kouqy"></xmp><strong id="kouqy"></strong><optgroup id="kouqy"><abbr id="kouqy"><pre id="kouqy"></pre></abbr></optgroup><th id="kouqy"><menu id="kouqy"><noscript id="kouqy"></noscript></menu></th><fieldset id="kouqy"></fieldset><strong id="kouqy"></strong><strike id="kouqy"><s id="kouqy"><bdo id="kouqy"></bdo></s></strike><td id="kouqy"><dl id="kouqy"><optgroup id="kouqy"></optgroup></dl></td><s id="kouqy"></s><rt id="kouqy"></rt><cite id="kouqy"></cite><abbr id="kouqy"></abbr><object id="kouqy"></object><input id="kouqy"><strong id="kouqy"><td id="kouqy"></td></strong></input><small id="kouqy"></small><table id="kouqy"><small id="kouqy"><rt id="kouqy"></rt></small></table><tbody id="kouqy"><del id="kouqy"><button id="kouqy"></button></del></tbody><table id="kouqy"></table><dfn id="kouqy"></dfn><strike id="kouqy"><samp id="kouqy"><option id="kouqy"></option></samp></strike><fieldset id="kouqy"></fieldset><source id="kouqy"></source><kbd id="kouqy"><option id="kouqy"><small id="kouqy"></small></option></kbd><bdo id="kouqy"><object id="kouqy"><th id="kouqy"></th></object></bdo><delect id="kouqy"></delect><source id="kouqy"></source><bdo id="kouqy"><object id="kouqy"><strike id="kouqy"></strike></object></bdo><source id="kouqy"></source><delect id="kouqy"></delect><pre id="kouqy"></pre><ul id="kouqy"></ul><small id="kouqy"><noframes id="kouqy"><ul id="kouqy"></ul></noframes></small><source id="kouqy"></source><option id="kouqy"></option><sup id="kouqy"><center id="kouqy"><dl id="kouqy"></dl></center></sup><cite id="kouqy"></cite><tr id="kouqy"><nav id="kouqy"><tfoot id="kouqy"></tfoot></nav></tr><abbr id="kouqy"><nav id="kouqy"><noscript id="kouqy"></noscript></nav></abbr><center id="kouqy"></center><tbody id="kouqy"><tr id="kouqy"><menu id="kouqy"></menu></tr></tbody><li id="kouqy"></li><center id="kouqy"></center><del id="kouqy"></del><menu id="kouqy"><fieldset id="kouqy"><object id="kouqy"></object></fieldset></menu><pre id="kouqy"></pre><menu id="kouqy"><pre id="kouqy"><xmp id="kouqy"></xmp></pre></menu><strike id="kouqy"><kbd id="kouqy"><object id="kouqy"></object></kbd></strike><code id="kouqy"></code><kbd id="kouqy"><option id="kouqy"><tr id="kouqy"></tr></option></kbd><noscript id="kouqy"></noscript><samp id="kouqy"></samp><acronym id="kouqy"><delect id="kouqy"><tr id="kouqy"></tr></delect></acronym><input id="kouqy"></input><cite id="kouqy"><nav id="kouqy"><li id="kouqy"></li></nav></cite><table id="kouqy"></table><kbd id="kouqy"><center id="kouqy"><dd id="kouqy"></dd></center></kbd><tbody id="kouqy"></tbody><tr id="kouqy"></tr><tfoot id="kouqy"></tfoot><dl id="kouqy"><object id="kouqy"><small id="kouqy"></small></object></dl><option id="kouqy"></option><dfn id="kouqy"></dfn><blockquote id="kouqy"></blockquote><strike id="kouqy"></strike><code id="kouqy"></code><xmp id="kouqy"><th id="kouqy"><menu id="kouqy"></menu></th></xmp><center id="kouqy"></center><blockquote id="kouqy"></blockquote><em id="kouqy"></em><delect id="kouqy"></delect><center id="kouqy"><dd id="kouqy"><th id="kouqy"></th></dd></center><tr id="kouqy"><sup id="kouqy"><blockquote id="kouqy"></blockquote></sup></tr><strong id="kouqy"></strong><bdo id="kouqy"></bdo><button id="kouqy"><blockquote id="kouqy"><tbody id="kouqy"></tbody></blockquote></button><noscript id="kouqy"></noscript><tbody id="kouqy"></tbody><td id="kouqy"></td><ul id="kouqy"></ul><xmp id="kouqy"></xmp><pre id="kouqy"></pre><tbody id="kouqy"></tbody><code id="kouqy"><em id="kouqy"><tr id="kouqy"></tr></em></code><menu id="kouqy"><noscript id="kouqy"><option id="kouqy"></option></noscript></menu><sup id="kouqy"></sup><noscript id="kouqy"><option id="kouqy"><del id="kouqy"></del></option></noscript><tr id="kouqy"><sup id="kouqy"><center id="kouqy"></center></sup></tr><tbody id="kouqy"><source id="kouqy"><strong id="kouqy"></strong></source></tbody><th id="kouqy"></th></div>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對(duì)路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
重慶分公司
重慶分公司