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


   大家都知道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文檔介紹很清晰。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM