對于 jQuery 的動畫的設計我們要分 2 個層面理解:
動畫的源碼:
animate: function(prop, speed, easing, callback) { doAnimation = function() { var anim = Animation(this, args, optall); }; this.queue(optall.queue, doAnimation); }
這個代碼縮減了,但是我們上面提到的最重要的 2 點這里都涉及到了:通過 queue 調度動畫的之間的銜接,Animation 方法執行單個動畫的封裝。
jQuery 在 queue 的調度上涉及了一個關鍵的處理:同步與異步代碼同時執行,同步收集動畫序列,異步調用序列,看看整個調用的流程是這樣的:
以上是整個動畫的調度一個流程,其實都是利用隊列異步的空閑然后執行同步的代碼,這樣在處理上是沒有浪費資源的,而且精確度也是最高的。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報