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

  • 相关阅读:
    小工具
    git
    git如何做个人构建
    菜鸟教程
    Xftp和Xshell
    IDEA
    webStorm
    HBuilder
    chrome浏览器
    Vue-Server-Renderer
  • 原文地址:https://www.cnblogs.com/laonniudajiangtang/p/5857888.html
Copyright © 2020-2023  润新知