Ionic,AngularJS學習筆記
來源:互聯網
上載者:User
1.ionic是一個強大的混合式/hybrid_HTML5移動開發架構,特點是使用標準的HTML,CSS,JavaScript,開發跨平台的原生App應用;
2.ionic基於AngularJS基礎架構開發,遵循AngularJS的架構約束;
3.ionic.js實現的指令基本覆蓋了移動端開發所需,將移動端開發常見的UI組件抽象成AngularJS指令,便於在HTML開發中快速使用;
4.ionic既是一個CSS架構也是一個JavaScript UI庫;
5.這個架構的目的是從WEB端開發手機應用;基於PhoneGap的編譯平台,可以實現編譯成各個平台的應用程式;
6.ionic遵循MVC的設計模式;
7.AngularJS號稱下一代web應用,主要特性如下:MVC,模組化,依賴注入,雙向資料繫結(MVVM),指令與UI控制項;
8.ionic整合了AngularJS,路由也是基於AngularJS, ionic擴充了AngularJs的指令;
9.AngularJS試圖為Web應用提供一種端對端的解決方案,伺服器端只提供資料,雙向資料繫結是AngularJS最酷最實用的特性,避免大量的DOM操作,對jQuery構成威脅;
10.Model和View實現了雙向資料繫結,Controller的作用是操作Model;
11.模組(module)是一個完整的業務功能單元,Angulars用模組組織對象;
12.AngularsJS中倆種範圍:$rootScope(根範圍,對應一個模組的資料),$scope(子範圍,對應的是一個controller的所有資料 );
13.AngularJS中禁止使用全域變數;
14.controller這一層應該是很薄,大部分商務邏輯和持久化資料應該放在service裡,controller只有在需要的時候才會被初始化,一旦不需要就會被拋棄,每次重新整理或切換頁面Angular會清空當前的controller;
15.AngularJS中建立服務的四種方法:provider方法,factory方法,service方法,factory與service的主要區別是factory可以直接返回字串,provider需要添加$this.get = function()方法;
16.使用ng-app指令告訴 AngularJS管理DOM的那一部分;
17.ng-init:為AngularJS定義了初始值,啟動的時候就賦值了;
18.AngularJS中$scope是串連controllers 和templates(模板view)的主要膠合體;
19.自訂服務factory原理:
使用factory建立一個對象,為對象添加屬性或函數,return這個對象,將service注入到controller後,controller可以直接調用方法;
20.自訂服務service原理:
service通過new關鍵字來執行個體化的,因此應該給this添加屬性,將service注入到controller後,在controler裡可以調用this上的屬性;
21.JavaScript中倆個方法:
array.unshift(a1)//向一個數組的開頭添加一個或者更多的元素,並返回新的長度
array.push(a2);//向一個數組結尾添加一個或者更對元素
22.<ion-refresher>重新整理完畢後,使用$scope.$broadcast("scoll.refreshComplete")方法來通知架構;
23.服務:
$ionicScrollDelegate.scrollTop(true)//滾動到頂部
$ionicScrollDelegate.scrollBottom(true)//滾動到底部
24.觸發一個事件傳入一個item後處理方式:
var index = $scope.items.indexOf(item);//找到item在items中對應的索引
$soope.items.splice(index,1);//刪除指定傳入的item
25.ionic中點擊事件的一種使用方法:
ng-click = "flag1 = !flag1;flag2= true";//觸發事件時取反,同時設定其他屬性的值