这节视频有很多有意思的点:
1. 老师使用了element.offsetLeft属性,如果不使用这个属性,会需要增加好几行代码来实现。
2. 不仅可以使用setInterval(),还可以使用setTimeout()或requestAnimationFrame()函数来达到目的。
3. 老师的代码中的结束条件存在bug,当target的值不是speed的整数倍时,动画不会停止。
4. 即使正确设置了speed和target的值,返回触发鼠标事件,动画也可能用于不会停止。在开始状态和目标状态间闪来闪去。
1. 老师使用了element.offsetLeft属性,如果不使用这个属性,会需要增加好几行代码来实现。
2. 不仅可以使用setInterval(),还可以使用setTimeout()或requestAnimationFrame()函数来达到目的。
3. 老师的代码中的结束条件存在bug,当target的值不是speed的整数倍时,动画不会停止。
4. 即使正确设置了speed和target的值,返回触发鼠标事件,动画也可能用于不会停止。在开始状态和目标状态间闪来闪去。
2017-05-30
这几个小节教会了我这个渣渣一个到道理:框架就是,把相同的操作放在一起,把不同的操作也用 if else 放在一起,然后你就在外面随意调用就行了。
2017-05-10
1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。
2.offsetWidth属性仅是可读属性,而style.width是可读写的。
3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。
4.style.width仅能返回以style方式定义的内部样式表的width属性值。
原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html
2.offsetWidth属性仅是可读属性,而style.width是可读写的。
3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。
4.style.width仅能返回以style方式定义的内部样式表的width属性值。
原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html
就因为我把 <script type="text/javascript">写成了<script type="javascript"> 找了好久的bug 低级错误啊
2017-05-08