給bird加上背景色看看??!
排第一的那位,因?yàn)閷?duì)應(yīng)前綴不同,寫(xiě)的方法不同,但做到了相同的效果。主要就是steps()函數(shù),要搞清楚這個(gè),簡(jiǎn)單來(lái)講,第二個(gè)參數(shù)如果是start,那么@keyframes是從第二個(gè){}開(kāi)始,如果是end,就從第一個(gè){}開(kāi)始(不寫(xiě)第二個(gè)參數(shù)的話默認(rèn)是end)
驗(yàn)證的話可以把400ms改成2400ms看動(dòng)畫(huà)效果。
至于第一個(gè)參數(shù)它是表示@keyframes中兩個(gè){}{}之間變化所需的次數(shù),
steps(3)對(duì)應(yīng)0~300(每次變化三次)
steps(1,start)對(duì)應(yīng)0~100~200~300(每次變化1次)
唉,我說(shuō)不來(lái),大家還是網(wǎng)上搜一下steps()的介紹吧。
排第一的那位,因?yàn)閷?duì)應(yīng)前綴不同,寫(xiě)的方法不同,但做到了相同的效果。主要就是steps()函數(shù),要搞清楚這個(gè),簡(jiǎn)單來(lái)講,第二個(gè)參數(shù)如果是start,那么@keyframes是從第二個(gè){}開(kāi)始,如果是end,就從第一個(gè){}開(kāi)始(不寫(xiě)第二個(gè)參數(shù)的話默認(rèn)是end)
驗(yàn)證的話可以把400ms改成2400ms看動(dòng)畫(huà)效果。
至于第一個(gè)參數(shù)它是表示@keyframes中兩個(gè){}{}之間變化所需的次數(shù),
steps(3)對(duì)應(yīng)0~300(每次變化三次)
steps(1,start)對(duì)應(yīng)0~100~200~300(每次變化1次)
唉,我說(shuō)不來(lái),大家還是網(wǎng)上搜一下steps()的介紹吧。
2018-01-25
來(lái),大家給類(lèi) .bird{} 加上背景色,看看??!還以為在吃東西呢????
background-color: lightblue;
background-color: lightblue;
2018-01-25
SetTimeOut這個(gè)Function在這里做為異步函數(shù),基本流程通俗來(lái)說(shuō)如下:
調(diào)用函數(shù)A -> 執(zhí)行setTimeout -> 函數(shù)A結(jié)束 -> 大致500ms后異步觸發(fā)函數(shù)B -> 執(zhí)行setTimeout -> 函數(shù)B結(jié)束 -> 大致1000ms后觸發(fā)匿名function(data2) {$(".container").html("嵌套異步:" + data2)}
在各個(gè)位置加入alert函數(shù),你會(huì)看的很清楚
調(diào)用函數(shù)A -> 執(zhí)行setTimeout -> 函數(shù)A結(jié)束 -> 大致500ms后異步觸發(fā)函數(shù)B -> 執(zhí)行setTimeout -> 函數(shù)B結(jié)束 -> 大致1000ms后觸發(fā)匿名function(data2) {$(".container").html("嵌套異步:" + data2)}
在各個(gè)位置加入alert函數(shù),你會(huì)看的很清楚
2017-12-31
點(diǎn)擊按鈕沒(méi)反應(yīng) 是 JS 加載的問(wèn)題, 用下面的源替換代碼中的源
<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
為什么開(kāi)始要寫(xiě)var slice = Array.prototype.slice這個(gè),這和使用有原生的slice,有什么區(qū)別?
function toArray(a, i, j) {
return slice.call(a, i || 0, j || a.length);
}
還有這個(gè)函數(shù)的作用是什么?生成指定位置之間的數(shù)組?
function toArray(a, i, j) {
return slice.call(a, i || 0, j || a.length);
}
還有這個(gè)函數(shù)的作用是什么?生成指定位置之間的數(shù)組?
2017-12-29
聲明了兩個(gè)next方法
pageA.prototype.next = function(options) {}
和
var next = function() {
return this.next.apply(this, arguments)
}.bind(this)
這會(huì)讓 新手頭暈的.
pageA.prototype.next = function(options) {}
和
var next = function() {
return this.next.apply(this, arguments)
}.bind(this)
這會(huì)讓 新手頭暈的.
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html