标签javascript下的文章

Jerry Bendy 发布于 08月29, 2016

6 种方法在 React 中绑定 javascript 的 this 关键字(ES6/ES7)

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

阅读全文 »

Jerry Bendy 发布于 01月20, 2016

Javascript运算符中的一些小技巧

记下一些关于运算符的小技巧或容易出错的地方%运算符取余运算符运算结果的正负号由第一个运算子的正负号决定,比如:-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+运算符+运算符与其他运算符不太一样,我们知道它可以用来连接字符串操作,是因为用+运算符的时候它通常会将其他类型的值转为字符串...

阅读全文 »

Jerry Bendy 发布于 06月05, 2015

使用JavaScript检测浏览器支持哪种CSS动画完成事件

以前或许我们在做前端效果时都是在使用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...

阅读全文 »