大家都知道H5可以開發移動端的頁面,網上提供的移動端的開發都有很多。因為我學習了AUI框架,所以我這里介紹一下移動端AUI框架。--博客園老牛大講堂
一、AUI框架是什么?---博客園老牛大講堂
AUI框架就是利用原生的js和css封裝成的一些界面。當使用時,直接使用AUI提供的css和js就行了。減少了自己寫css和js了。
二、為什么用AUI框架?
1、方便:當使用時,直接調用別人的就行了,縮短了界面開發周期。
2、簡單:一般人家寫好的樣式,只需要幾行代碼就可以實現自己想要的效果。
3、好看:引用人家的css實現的效果往往比自己設計的好看,而且實用。
三、使用環境
Hbuilder+xampp+谷歌瀏覽器
四、 AUI怎樣入門?---博客園老牛大講堂
首先登陸上AUI框架的官方網站,下載最新的AUI文檔。然后把工程導入到自己 的工程。就可以進行編寫了。你也可以只拷貝它提供的css和js到自己的工程(如果你用的是Hbuilder一定要創建移動App項目)。好了,開始創建第一個工程吧!
1、
首先點擊1.x文檔進入開發介紹,操作:Crl+F:查找-》button 搜索button。---博客園老牛大講堂
創建一個html並且把aui.css引入,如圖:只要是移動開發的AUI,就要引入上面的meta(這個是關鍵,引入了上面的兩個meta開發后的界面能夠適應手機頁面,如果去掉則不能適應)。頁面上還要 引入aui.css,代碼如下。---博客園老牛大講堂
運行結果。---博客園老牛大講堂
之后就想要什么組件,搜索就行了。但是記得每一個HTML文件都要引入meta和aui.css和對應的css以及js。1.x文檔介紹很清晰。