Javascript中的this关键字对很多JS开发者来说都是令人疑惑、头痛东西，很多时候往往搞不清楚某个this究竟指的是谁，尤其是在多层回调嵌套的情况下，OHGOD!!It’strivialforsomeothercodetorebindthecontextofthefunctionyou’reworkingwith―usingthenewkeywordandsomeofthemethodsthatarebuiltontoFuncton.prototype.Thisintroducesanentireclassofconfusingscenariosandoftenyou’llseecallbackdrive...

阅读全文 »

记下一些关于运算符的小技巧或容易出错的地方%运算符取余运算符运算结果的正负号由第一个运算子的正负号决定，比如：-1%2//-11%-2//1所以有时候对负数取余会出现错误，使用绝对值函数可以避免错误：//会出错functionisOdd(n){returnn%2===1;}isOdd(-5)//falseisOdd(-4)//false//正确了functionisOdd(n){returnMath.abs(n%2)===1;}isOdd(-5)//trueisOdd(-4)//false+运算符+运算符与其他运算符不太一样，我们知道它可以用来连接字符串操作，是因为用+运算符的时候它通常会将其他类型的值转为字符串...

阅读全文 »

以前或许我们在做前端效果时都是在使用JS来，如JQuery的animate，而如今在前端效果中，CSS3占据越来越重要的作用，如何检测一个CSS3的动画是否结束并在结束后执行下一个动画呢？用jQuery的时候可能是这样：$('.element').animate({left:'100px'},function(){alert('动画执行结束');});下面以一个简单的例子演示下使用CSS3的动画如何响应这种操作：/*一个简单的CSS3动画（这里不再写-webkit-之类的前缀了*/@keyframesfade{from{left:0;}to{left:200px;}}.animate-fade{animation...

阅读全文 »