发表于: 2017-01-09 02:07:50

2 1526


今天完成的事情:学习了angular自定义指令;学习了angular如何操作Cookie;看项目源码后台部分;看了angularJS权威教程的指令详解;


明天计划的事情:看angularJS权威教程的模块加载;完成任务的重构;看项目代码页面部分;


遇到的问题:验证登录状态如何使用Cookie,使用ngCookie里面的方法实现了。有的网页点击时chorem左下角会出现Javascript:void(0),因为他们使用<a href="javascript:void(0)" onclick="fun()"></a>这种不推荐的方法触发程序……


收获:

ngCookie方法

get(key);
返回给定Cookie密钥的值。
getObject(key);
返回给定Cookie密钥的反序列值。
getAll();
返回包含所有Cookie的键值对象。
put(key,value,[option]);
设置给定Cookie密钥的值
putObeject(key,value,[option]);
序列化并设置给定Cookie密钥的值
remove(key,[option]);
删除指定的Cookie


this详解:

func.call(context, p1, p2)
函数最标准的调用应该是这样的。
func(p1, p2) 等价于 func.call(undefined, p1, p2) obj.child.method(p1, p2) 等价于 obj.child.method.call(obj.child, p1, p2)
常用的函数调用方法转化为标准形式

var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 转换为 obj.foo.call(obj),this 就是 objbar() // 转换为 bar.call()// 由于没有传 context// 所以 this 就是 undefined// 最后浏览器给你一个默认的 this —— window 对象

console结果不同的原因


$(selector).animate({params},speed,callback);
animate()方法几乎可以用来操作所有css属性,当使用animate()时必须使用camel标记法书写所有的属性名(驼峰)。如果需要对位置进行操作,必须要把元素的position属性设置为relative、fixed或absolute,属性可以使用相对值,甚至可以把动画值设置为show、hide、toggle。Jquery stop()方法用于在动画或效果完成前对它们进行停止


link中ngModelController属性:

1.$viewValue
保存着更新视图所需要的实际字符串     
2.$modelValue
由数据模型持有。$modelValue和$viewValue可能是不同的,取决于$parser流水线是否对其进行了操作
3.$parsers
其值是一个由函数组成的数组,其中的函数会以流水线的形式被逐一调用。ngModel从DOM中读取的值会被传入$parsers中的函数,并依次被其中的解析器处理。
4.$formatters
其值是一个由函数组成的数组,其中的函数会以流水线的形式在数据模型的值发生变化时被逐一调用。
5.$viewChangeListeners
其值是一个由函数组成的数组,其中的函数会以流水线的形式在视图中的值发生变化时被逐一调用,可以在无需使用¥watch的情况下实现类似的行为。由于返回值会被忽略,因此这些函数不需要返回值。
6.$error
保存着没有通过验证的验证器名称以及对应的错误信息。
7.$pristine
其值是布尔型的,可以告诉我们用户是否对控件进行了修改
8.$dirty
和$pristine相反,可以告诉我们用户是否和控件进行过交互。
9.$valid
可以告诉我们当前的控件中是否有错误。当有错误时值为false,没有错误时值为true。
10.$invalid
$invalid值可以告诉我们当前控件中是否存在至少一个错误,它的值和$valid相反。



返回列表 返回列表
评论

    分享到