Ionic學習筆記

時間 2019-11-11

標籤 ionic 學習筆記简体版

原文原文鏈接

overview

Ionic是一個基於Angular的HTML5應用框架，裏面包含許多UI組件，JS可經過Cordova調用iOS、android等原生功能。它特別關注外觀、交互、體驗，特別適合於開發Hybrid模式的HTML5 APP。javascript

Ionic是一個輕量的手機UI庫，具備速度快，界面現代化、美觀等特色，爲了解決其餘一些UI庫在手機上運行緩慢的問題。html

官方網站：http://www.ionicframework.com/ 中文網站：http://www.ionic.wangjava

學習筆記

###ion-refresher刷新後要通知框架android

使用<ion-refresher>在刷新完畢後，應當使用做用域的$broadcast()方法通知框架，以完成刷新後的動畫ios

$scope.$broadcast("scroll.refreshComplete");

若是沒有通知框架，那麼它將一直在那顯示刷新apache

###ionic框架的依賴注入方式npm

方式1：直接在ng-app註明是ionicapp

<html ng-app="ionic">

方式2：在js中手動依賴ionic框架

angular.module("myApp", ["ionic"]);

###ion-tabs的使用結構：ionic

<ion-tabs>
    <ion-tab>
        <ion-view>
            <ion-content>

不要搗亂順序了，否則ionic計算佈局時會出差錯

###使用crosswalk來加速HTML5 APP

crosswalk是一個能讓HTML5 APP應用交互加快的WEB引擎，它支持Android和Tizen系統。優勢是使HTML5 APP運行速度加快；缺點是打包後的安裝包體積增大；

在Ionic中集成crosswalk

ionic browser add crosswalk

卸載crosswalk:

ionic browser revert android
#或者
ionic browser remove crosswalk

###ionic環境安裝

安裝好JAVA、ant、android、ios等系統的環境

ant：連接地址 android: 連接地址 ios:連接地址 cmd安裝：npm install -g cordova ionic

附環境變量文件設置：

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.7.0_80.jdk/Contents/Home
export ANT_HOME=/Users/luozt/apache-ant-1.9.6
export ANDROID_HOME=/Users/luozt/Library/Android/sdk
export PATH=.:/usr/local/bin:$ANDROID_HOME/build-tools:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$JAVA_HOME/bin:$HOME/npm/bin:$ANT_HOME/bin:$PATH

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。