軟件介紹

Amaze UI是國(guó)內(nèi)第一款開源的HTML5跨屏前端框架，這款軟件為用戶們提供了豐富的開發(fā)組件，我們可以通過這些組件來快速構(gòu)建出HTML5網(wǎng)頁(yè)應(yīng)用。而且Amaze UI官方版大大提升了網(wǎng)頁(yè)效果，讓你可以快速制作出網(wǎng)頁(yè)，提升開發(fā)人員的效率。

Amaze UI軟件簡(jiǎn)介

Amaze UI采用國(guó)際最前沿的“組件式開發(fā)”以及“移動(dòng)優(yōu)先”的設(shè)計(jì)理念，基于其豐富的組件，開發(fā)者可通過簡(jiǎn)單拼裝即可快速構(gòu)建出HTML5網(wǎng)頁(yè)應(yīng)用，上線僅半年，Amaze UI就成為了國(guó)內(nèi)最流行的前端框架，目前在Github上收獲Star數(shù)近萬(wàn)，服務(wù)于全球50W開發(fā)者。

軟件特色

為移動(dòng)而生

Amaze UI 以移動(dòng)優(yōu)先（Mobile first）為理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動(dòng)互聯(lián)潮流。

組件豐富，模塊化

Amaze UI 含近 20 個(gè) CSS 組件、20 余 JS 組件，更有多個(gè)包含不同主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁(yè)面，大幅提升開發(fā)效率。

本地化支持

相比國(guó)外框架，Amaze UI 關(guān)注中文排版，根據(jù)用戶代理調(diào)整字體，實(shí)現(xiàn)更好的中文排版效果；兼顧國(guó)內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。

輕量級(jí)，高性能

Amaze UI 面向 HTML5 開發(fā)，使用 CSS3 來做動(dòng)畫交互，平滑、高效，更適合移動(dòng)設(shè)備，讓 Web 應(yīng)用更快速載入。

Amaze UI目標(biāo)結(jié)構(gòu)

amazeui

|-- HISTORY.md

|-- LICENSE

|-- README.md

|-- package.json

|-- dist        # 構(gòu)建目錄

|-- docs        # 文檔

|-- fonts       # Icon font，目前使用了 http://staticfile.org/

|-- gulpfile.js # 構(gòu)建配置文件

|-- js          # JS 文件

|-- less        # LESS 文件

|-- tools       # 相關(guān)工具

|-- vendor

`-- widget      # Web 組件

Amaze UI使用說明

amaze ui的使用通常有兩種方式：css、js文件復(fù)制到項(xiàng)目中；采用cdn方式。（在開發(fā)過程中采用第一種方式；開發(fā)結(jié)束需要部署時(shí)，采用第二種方式。

方法一

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ā)非常便捷。

方法二

在官網(wǎng)上獲取js和css對(duì)應(yīng)的地址，將他們引入到j(luò)s中。但是使用amaze ui的js，需要jquery的支持，所以需要將其導(dǎo)入，導(dǎo)入次序要在js之前。

我們?cè)赾lass中使用amaze ui已經(jīng)封裝好的格式。

附錄1

在開發(fā)過程中，使用的是hbuilder這個(gè)工具，如果將amaze ui的css、js導(dǎo)入到項(xiàng)目中，開發(fā)過程中工具本身會(huì)有提示；但是，當(dāng)用戶訪問該網(wǎng)頁(yè)時(shí)，每次都會(huì)請(qǐng)求本地的css和js資源，會(huì)增加部署該項(xiàng)目的服務(wù)器的負(fù)擔(dān)。因此為了避免第二項(xiàng)問題，我們?cè)诓渴痦?xiàng)目時(shí)會(huì)改變成第二種方式。

常見問題

1、Amaze UI 目前沒有 xx 組件，有沒有推薦的？

首先，確保查看了每個(gè)欄目的下面的左側(cè)菜單的每個(gè)鏈接。如果你的窗口比較小， 左側(cè)的菜單是可以向下滾動(dòng)，點(diǎn)小三角或者使用鼠標(biāo)滾輪上下滾動(dòng)。真的沒找到？那真是沒有。

2、拷貝頁(yè)面中的示例代碼粘貼以后沒有效果？

確保頁(yè)面中已經(jīng)引入了 jQuery 以及 Amaze UI 的 CSS、JS，path/to/ 替換相應(yīng)的路徑。

如果已經(jīng)引入，請(qǐng)查看 Amaze UI CSS、JS 文件頂部的版本信息，確保引入的版本和示例要求的版本匹配。