zoukankan      html  css  js  c++  java
  • ionic 开发实例

    ionic 开发实例

    一、ionic初始化项目

    1:安装ionic

    npm install -g ionic

    2:初始化项目框架

    我们可以用命令创建一个应用程序,可以使用我们的一个现成的应用程序模板,或一个空白模板。 传送门

    ionic start myApp tabs
    

    3:运行

    进入项目文件夹,运行项目

    cd ionicDemo
    ionic serve
    

    4:页面实测

    运行在localhost:8100。谷歌浏览器中我们切换机型可以看到不同的样式。 这是因为在network下的localhost请求里,有User-Agent识别不同的设备。

    二、使用ionic Lab进行开发和测试  

    可以在windows环境下进行图形界面开发(Create, build, test, and deploy Ionic apps) 下载地址   百度云分享   

    三、ionic 基础概念

    1:项目结构介绍

    app文件夹: 项目的编码文件。

    node_modules: npm管理的依赖包。

    resources: app的图标和启动图片。

    plugins: 插件包(可在ionic Lab中点击安装)。

    www: 编译好可在浏览器运行的文件。

    config.xml: 项目全局配置。

    四、ionic组件

    1:ionic页面生命周期(常用)  官网文档

    EventDesc
    ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发
    ionViewWillEnter 顾名思义,当将要进入页面时触发
    ionViewDidEnter 当进入页面时触发
    ionViewWillLeave 当将要从页面离开时触发
    ionViewDidLeave 离开页面时触发
    ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发
  • 相关阅读:
    数据类型
    一些骚操作
    re
    多任务
    监听按钮点击事件
    监听按钮点击事件
    监听按钮点击事件
    将博客搬至博客园
    将博客搬至博客园
    将博客搬至博客园
  • 原文地址:https://www.cnblogs.com/momozjm/p/8866983.html
Copyright © 2011-2022 走看看