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