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";//觸發事件時取反,同時設定其他屬性的值
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.