扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
无符号右移0位,
创新互联公司是专业的甘南网站建设公司,甘南接单;提供网站设计制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行甘南网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
正所谓:左乘,右除
就是除以2的0次方,就是1
也就是说Math.random()*num就是一个小数,把它转换为整数而已
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
style
img{
width:400px;
border: 1px solid #ff1943;
}
#wrap*{
float:left;
}
#wrapa{
text-decoration:none;
}
/style
/head
body
div id="wrap"
a href="###" onclick="lef()"
lt;lt;
/a
img src="../img/1.jpg"
a href="###" onclick="rig()"
gt;gt;
/a
/div
script
var mying=["1.jpg","2.jpg","3.jpg"];
var i=0;
var tupian=document.getElementsByTagName("img")[0];
var inte=setInterval("changeimg()",2000);
function changeimg()
{
tupian.src="../img/"+mying[i++];
if(i==mying.length) {i=0;}
}
wrap.onmouseenter=function(){
clearInterval(inte);
}
wrap.onmouseleave=function(){
inte=setInterval("changeimg()",2000);
}
var lef=function(){
--i;
i=i0?mying.length-1:i;
tupian.src="../img/"+mying[i];
}
var rig=function(){
++i;
i=imying.length-1?0:i;
tupian.src="../img/"+mying[i];
}
/script
/body
/html
js的箭头函数this指向不是全局的this,而是他的父级的this,也就说上级。因为在规范里,箭头函数的出现就是为了解决this乱七八糟的问题的。所以他这里没有this。
运行的结果不难想象应该为 undefined is ready for attaching undefine 。这是因为 button onclick 引用了 Warrior 的 attach 的方法。但是这里 button 中并没有 element 这个属性。所以 undefined。这也就是我们常说的 this 指向的问题。
我们通过 bind 的方法将我们方法绑定到指定的对象,这样我们的方法就有了 context 也就是上下文。这样就解决了问题,这样写法我们在 jquery 的事件绑定是最常见不过的了。
当然我们也可以也使用 es6 的箭头函数作为 ready 属性,这个箭头好处就是我无需再写 bind 来讲方法绑定到指定对象,箭头方法中 this 对象。
不通过这样做还是有性能问题的,
这种写法想必我们在写 react 时候会经常遇到这种写法。这样同样可以解决 this 的指向的问题。
每一次都会创建一个函数
我们对 createWarrior 进行改造。
先了解一下对象的几个的属性:innerHTML:设置或获取位于对象起始和结束标签内的HTMLscrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置offsetWidth:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的宽度图片上无缝滚动向上滚动图片下无缝滚动向下滚动图片左无缝滚动向左滚动图片右无缝滚动向右滚动
JS箭头函数和function的区别:
箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
箭头函数不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
箭头函数不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。
不可以使用yield命令,因此箭头函数不能用作Generator函数。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流