H5移動開發AUI框架入門---博客園老牛大講堂

   你們都知道H5能夠開發移動端的頁面，網上提供的移動端的開發都有不少。由於我學習了AUI框架，因此我這裏介紹一下移動端AUI框架。--博客園老牛大講堂

1、AUI框架是什麼？---博客園老牛大講堂

        AUI框架就是利用原生的js和css封裝成的一些界面。當使用時，直接使用AUI提供的css和js就好了。減小了本身寫css和js了。

2、爲何用​AUI框架？

         一、方便：當使用時，直接調用別人的就好了，縮短了界面開發週期。

　　　二、簡單：通常人家寫好的樣式，只須要幾行代碼就能夠實現本身想要的效果。

　　　三、好看：引用人家的css實現的效果每每比本身設計的好看，並且實用。

3、使用環境

　　Hbuilder+xampp+谷歌瀏覽器

4、 ​AUI怎樣入門？---博客園老牛大講堂

        ​首先登錄上AUI框架的官方網站，下載最新的AUI文檔。而後把工程導入到本身 的工程。就能夠進行編寫了。你也能夠只拷貝它提供的css和js到本身的工程（若是你用的是Hbuilder必定要建立移動App項目）。好了，開始建立第一個工程吧！

一、

        首先點擊1.x文檔進入開發介紹，操做：Crl+F：查找-》button   搜索button。---博客園老牛大講堂

 

 

           ​建立一個html而且把aui.css引入，如圖：只要是移動開發的AUI，就要引入上面的meta（這個是關鍵，引入了上面的兩個meta開發後的界面可以適應手機頁面，若是去掉則不能適應）。頁面上還要 引入aui.css，代碼以下。---博客園老牛大講堂

 

   

      運行結果。---博客園老牛大講堂

 

       以後就想要什麼組件，搜索就好了。可是記得每個HTML文件都要引入meta和aui.css和對應的css以及js。1.x文檔介紹很清晰。