一.sass和less的区别
1.less是基于javascript的是在客户端处理的而sass是基于ruby的实在服务器端处理的,很多开发者不会选择less因为javascript引擎需要额外的时间来处理代码然后输出修改过的css到浏览器
1.sass和less在变量作用域上:less具有全局变量而sass暂时不具有全局变量的概念
2.sass比less更完善的点还在于sass能通过@function的方式编辑函数,通过@for循环或@each循环对数据进行循环;通过@if else对数据进行判断
bind(),
live(), delegate()的区别
bind:绑定事件,对新添加的事件不起作用,方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。
live:方法将一个事件处理程序附加到与当前选择器匹配的所有元素(包含现有的或将来添加的)的指定事件上并返回jQuery对象。
delegate:方法基于一组特定的根元素将处理程序附加到匹配选择器的所有元素(现有的或将来的)的一个或多个事件上。
二.jQuery中attr和prop的区别
那么,什么时候使用attr,什么时候使用prop??
1.添加属性名称该属性就会生效应该使用prop.
2.是有true,false两个属性使用prop.
3.其他则使用attr
相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties)。只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes。prop应运而生了。
attr:
描述:获取匹配的元素集合中的第一个元素的属性的值。
attr( attributeName )
attributeName
类型: String
要获取的属性名称.attr()方法只获取第一个匹配元素的属性值。
prop:
描述:获取匹配的元素集中第一个元素的属性(property)值
prop( propertyName )
propertyName
类型: String
要得到的属性的名称.prop()方法只获得第一个匹配元素的属性值 。如果元素上没有该属性,或者如果没有匹配的元素。那么该方法会返回undefined值。
三.Angular绑定策略:
在angularjs的指令中存在着三种绑定策略,他们分别是’=’,’@’,’&’
全文讨论围绕下面这个例子,可在进入codepen编辑
See the Pen EjGbeB by Simplefatty (@Dreaking) on CodePen.
‘=’绑定策略
‘=or(=attr)’,双向绑定,将本地作用域上的属性同父级作用域上的属性进行双向的数据绑定。就像本地的数据双向绑定一样,本地属性会反映出父级数据模型中发生的变化,使用可以是=,自动绑定or = attr(属性名);
控制器中,我定义了title和text的值,这里
1ng-transclude将指令包裹的内容放到了这段标签里面,即编译过后应该是
{{text}}
12345
使用可以是=,自动绑定or = attr(属性名);
从上面的例子我们可以知道
scope : {
title: '=expanderTitle'
}123
指令内的title绑定的值为expanderTitle中定义的值,即title
于是我们可以在template中引用{{title}},这里的{{title}}便是在指令隔离作用域上的scope(指令的隔离作用域便是通过这种方式来跟父级作用域联系的),这里的scope也可以这样写
scope : {
expanderTitle: '='//自动绑定
}123
这时候如果在template中想引用控制器作用域上的title,则要将template中的{{title}}改成{{expanderTitle}},这里可以理解是在指令的隔离作用域上给了父作用域上的title一个别名expanderTitle
@’绑定策略
‘@(or @attr)’,本地作用域属性,使用@将本地作用域同DOM属性的值进行绑定。
这里如果把指令上的scope改成
scope : {
title: '@expanderTitle'//自动绑定
}123
这个时候的{{title}}的值就是在DOM属性中expanderTitle的值,即title
同样也可以这样写
scope : {
expanderTitle: '@'//自动绑定
}123
这个时候把{{title}}改成{{expanderTitle}}就跟上面效果一样;
‘&’绑定策略
& or(&attr)’,父作用域绑定,通过&符号可以对父作用域进行绑定,已变在其中运行函数。意味着对这个值进行设置时会生成一个指向父级作用域的包装函数。
这里把代码改一下,在指令scope中添加
onSend: '&'1
指令中的template改为
template : '
+ '
+ '
'+ '',1234
父级控制器中添加sendSomething方法
$scope.sendSomething=function(name){
alert(name);
}123
Dom中添加on-send的属性
{{text}}
123
这里便把指令中的onSend中的包装函数sendSomething在父级作用域中执行了,执行结果是弹出something;
同样这里的scope也可以改成onSend:’&onSend’形式;
��{���