给bird加上背景色看看!!
排第一的那位,因为对应前缀不同,写的方法不同,但做到了相同的效果。主要就是steps()函数,要搞清楚这个,简单来讲,第二个参数如果是start,那么@keyframes是从第二个{}开始,如果是end,就从第一个{}开始(不写第二个参数的话默认是end)
验证的话可以把400ms改成2400ms看动画效果。
至于第一个参数它是表示@keyframes中两个{}{}之间变化所需的次数,
steps(3)对应0~300(每次变化三次)
steps(1,start)对应0~100~200~300(每次变化1次)
唉,我说不来,大家还是网上搜一下steps()的介绍吧。
排第一的那位,因为对应前缀不同,写的方法不同,但做到了相同的效果。主要就是steps()函数,要搞清楚这个,简单来讲,第二个参数如果是start,那么@keyframes是从第二个{}开始,如果是end,就从第一个{}开始(不写第二个参数的话默认是end)
验证的话可以把400ms改成2400ms看动画效果。
至于第一个参数它是表示@keyframes中两个{}{}之间变化所需的次数,
steps(3)对应0~300(每次变化三次)
steps(1,start)对应0~100~200~300(每次变化1次)
唉,我说不来,大家还是网上搜一下steps()的介绍吧。
2018-01-25
SetTimeOut这个Function在这里做为异步函数,基本流程通俗来说如下:
调用函数A -> 执行setTimeout -> 函数A结束 -> 大致500ms后异步触发函数B -> 执行setTimeout -> 函数B结束 -> 大致1000ms后触发匿名function(data2) {$(".container").html("嵌套异步:" + data2)}
在各个位置加入alert函数,你会看的很清楚
调用函数A -> 执行setTimeout -> 函数A结束 -> 大致500ms后异步触发函数B -> 执行setTimeout -> 函数B结束 -> 大致1000ms后触发匿名function(data2) {$(".container").html("嵌套异步:" + data2)}
在各个位置加入alert函数,你会看的很清楚
2017-12-31
点击按钮没反应 是 JS 加载的问题, 用下面的源替换代码中的源
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://ricostacruz.com/jquery.transit/jquery.transit.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://ricostacruz.com/jquery.transit/jquery.transit.js"></script>
2017-12-31
为什么开始要写var slice = Array.prototype.slice这个,这和使用有原生的slice,有什么区别?
function toArray(a, i, j) {
return slice.call(a, i || 0, j || a.length);
}
还有这个函数的作用是什么?生成指定位置之间的数组?
function toArray(a, i, j) {
return slice.call(a, i || 0, j || a.length);
}
还有这个函数的作用是什么?生成指定位置之间的数组?
2017-12-29
声明了两个next方法
pageA.prototype.next = function(options) {}
和
var next = function() {
return this.next.apply(this, arguments)
}.bind(this)
这会让 新手头晕的.
pageA.prototype.next = function(options) {}
和
var next = function() {
return this.next.apply(this, arguments)
}.bind(this)
这会让 新手头晕的.
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html