今天老師給我講解了amaze ui的使用，在此與大家分享我的學(xué)習(xí)筆記。amaze ui的官網(wǎng)雖然已經(jīng)提供了具體的實現(xiàn)步驟，但是對于沒有前臺開發(fā)經(jīng)驗的我，理解起來還是很有困難的。
引言
一個前臺頁面的開發(fā)一般需要html、css、javascript三種技術(shù)的支持，amazui ui對一些css、js進(jìn)行了封裝，是其可供用戶直接調(diào)用。
使用方法
amaze ui的使用通常有兩種方式：css、js文件復(fù)制到項目中；采用cdn方式。（在開發(fā)過程中采用第一種方式；開發(fā)結(jié)束需要部署時，采用第二種方式。
具體解釋見附錄1）
方法一
1.將amaze ui對應(yīng)的zip下載。
解壓后查看該文件夾下的問assets文件，assets文件夾下又包括css、js文件夾，這兩個文件就是amaze ui中封裝，可供用用戶直接使用的樣式。
2.把上述提到的css、js文件夾拷貝到web項目的WebRoot下。
3.在項目中對樣式進(jìn)行使用。
注：使用hbuilder開發(fā)非常便捷。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hello amazeui</title> </head> <link rel="stylesheet" type="text/css" href="css/amazeui.min.css"/> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/amazeui.min.js"></script> <body> <button class="am-btn-primary am-btn-block " >aaa</button> </body> </html>
方法二
在官網(wǎng)上獲取js和css對應(yīng)的地址，將他們引入到j(luò)s中。但是使用amaze ui的js，需要jquery的支持，所以需要將其導(dǎo)入，導(dǎo)入次序要在js之前。
<!DOCTYPE html> <html> <head>
<meta charset="utf-8" />
<title></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>
我們在class中使用amaze ui已經(jīng)封裝好的格式。
附錄1
在開發(fā)過程中，使用的是hbuilder這個工具，如果將amaze ui的css、js導(dǎo)入到項目中，開發(fā)過程中工具本身會有提示；但是，當(dāng)用戶訪問該網(wǎng)頁時，每次都會請求本地的css和js資源，會增加部署該項目的服務(wù)器的負(fù)擔(dān)。因此為了避免第二項問題，我們在部署項目時會改變成第二種方式。
總結(jié)
到此這篇關(guān)于amaze ui 的使用詳細(xì)教程的文章就介紹到這了,更多相關(guān)amaze ui 的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
標(biāo)簽：新疆 遼源 西藏 漯河 永州 青島 池州 棗莊
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《amaze ui 的使用詳細(xì)教程》，本文關(guān)鍵詞 amaze,的,使用,詳細(xì),教程,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
