ionic3 學習記錄

 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 //建立過濾器

View Code

 

 ionic-native插件

關於屏幕方向問題