Ionic,AngularJS学习笔记

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";//触发事件时取反,同时设定其他属性的值

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值