給bird加上背景色看看?。?br />
排第一的那位,因為對應前綴不同,寫的方法不同,但做到了相同的效果。主要就是steps()函數,要搞清楚這個,簡單來講,第二個參數如果是start,那么@keyframes是從第二個{}開始,如果是end,就從第一個{}開始(不寫第二個參數的話默認是end)
驗證的話可以把400ms改成2400ms看動畫效果。
至于第一個參數它是表示@keyframes中兩個{}{}之間變化所需的次數,
steps(3)對應0~300(每次變化三次)
steps(1,start)對應0~100~200~300(每次變化1次)
唉,我說不來,大家還是網上搜一下steps()的介紹吧。
驗證的話可以把400ms改成2400ms看動畫效果。
至于第一個參數它是表示@keyframes中兩個{}{}之間變化所需的次數,
steps(3)對應0~300(每次變化三次)
steps(1,start)對應0~100~200~300(每次變化1次)
唉,我說不來,大家還是網上搜一下steps()的介紹吧。
2018-01-25
SetTimeOut這個Function在這里做為異步函數,基本流程通俗來說如下:
調用函數A -> 執(zhí)行setTimeout -> 函數A結束 -> 大致500ms后異步觸發(fā)函數B -> 執(zhí)行setTimeout -> 函數B結束 -> 大致1000ms后觸發(fā)匿名function(data2) {$(".container").html("嵌套異步:" + data2)}
在各個位置加入alert函數,你會看的很清楚
調用函數A -> 執(zhí)行setTimeout -> 函數A結束 -> 大致500ms后異步觸發(fā)函數B -> 執(zhí)行setTimeout -> 函數B結束 -> 大致1000ms后觸發(fā)匿名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,有什么區(qū)別?
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