博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5移动开发AUI框架入门---博客园老牛大讲堂
阅读量:5952 次
发布时间:2019-06-19

本文共 740 字,大约阅读时间需要 2 分钟。

   大家都知道H5可以开发移动端的页面,网上提供的移动端的开发都有很多。因为我学习了AUI框架,所以我这里介绍一下移动端AUI框架。--博客园老牛大讲堂

一、AUI框架是什么?---

        AUI框架就是利用原生的js和css封装成的一些界面。当使用时,直接使用AUI提供的css和js就行了。减少了自己写css和js了。

二、为什么用​AUI框架?

         1、方便:当使用时,直接调用别人的就行了,缩短了界面开发周期。

   2、简单:一般人家写好的样式,只需要几行代码就可以实现自己想要的效果。

   3、好看:引用人家的css实现的效果往往比自己设计的好看,而且实用。

三、使用环境

  Hbuilder+xampp+谷歌浏览器

四、 ​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

你可能感兴趣的文章
JS脚本静态变量调用方法
查看>>
linux中cacti和nagios整合
查看>>
Parallels Desktop12推出 新增Parallels Toolbox
查看>>
正则表达式验证身份证格式是否正确
查看>>
xml格式文件解析
查看>>
ios百度地图-路径规划
查看>>
Python高效编程技巧
查看>>
配置Eclipse使用maven构建项目默认JDK为1.8
查看>>
jsp内置对象以及jsp动作
查看>>
Struts上路_09-数据类型转换
查看>>
CMake与动态链接库(dll, so, dylib)
查看>>
myeclipse(eclipse)乱码处理
查看>>
SpringBoot 过滤器, 拦截器, 监听器 对比及使用场景
查看>>
数据库索引探索
查看>>
gitlab runner 优化
查看>>
快速添加百度网盘文件到Aria2 猴油脚本
查看>>
mac 无法登录mysql的解决办法
查看>>
Shiro权限判断异常之命名导致的subject.isPermitted 异常
查看>>
Hello world travels in cpp - 字符串(2)
查看>>
struts2自定义拦截器
查看>>