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文档介绍很清晰。