当前位置：首页 > news >正文

ionic3 学习记录

news 来源：原创 2024/4/29 9:27:54

1生命周期

ionViewDidLoad(){  
        console.log("1.0 ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发");  
    }  
    ionViewWillEnter(){  
        console.log("2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发");  
    }  
    ionViewDidEnter(){  
        console.log("3.0 ionViewDidEnter 当进入页面时触发");  
    }  
    ionViewWillLeave(){  
        console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");  
    }  
    ionViewDidLeave(){  
        console.log("5.0 ionViewDidLeave 离开页面时触发");  
    }  
    ionViewWillUnload(){  
        console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");  
    }  
  
    ionViewCanEnter(){  
        console.log("ionViewCanEnter");  
    }  
  
    ionViewCanLeave(){  
        console.log("ionViewCanLeave");  
    }

View Code

2常用命令

    ionic start myionictest blank（空项目）

    ionic start myionictest tabs（带导航条）

    ionic start myionictest sidemenu（带侧滑菜单）

    ionic g provider YourProviderName //创建服务

    ionic g provider BaseService(添加服务端口)

    ionic g component YourComponentName //创建组件

    ionic serve（开启服务调试）    

    npm install -g cordova  //添加Cordova CLI

    ionic cordova build android –prod //加开App启动速度,整个app包也会变小 

    ionic cordova build android   //发布debug版本，加载速度大约在10秒钟

    ionic cordova platform add android（添加android平台）

    ionic cordova platform remove android（移除android平台）

    npm rebuild/install node-sass  //目录结构与项目移植[场景：直接跨平台「mac->windows」拷贝项目]  Found bindings for the following environments

    ================================

    npm i -g ionic@latest 安装最新ionic
    npm install -g cnpm –registry=https://registry.npm.taobao.org（npm镜像源指向淘宝）
    cnpm install -g cordova ionic（安装cordova ionic）
    cnpm update -g cordova ionic（更新cordova ionic）
    ionic -help（查看帮助）
    ionic -v（查看版本）
    ionic build android（编译项目apk）
    ionic emulate android（运行项目apk 手机连接在手机运行模拟器连接在模拟器运行）
    ionic run android （相当于build + emulate）
    ionic g directive YourPageName //创建指令
    ionic g pipe YourPipeName //创建过滤器