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

原文地址:https://www.cnblogs.com/laonniudajiangtang/p/5857888.html