js進(jìn)階 13 jquery動畫函數(shù)有哪些

1、js進(jìn)階 13 jquery動畫函數(shù)有哪些在本文中，我們將看到兩種創(chuàng)建動畫的方式的局限性，以及如何通過jquery代碼獲得更好的性能。我們都知道并喜愛jquery（ 事實(shí)上有些人不知道 ）。 該庫旨在簡化html的客戶端腳本，已為全球數(shù)十萬（無真切數(shù)據(jù)）開發(fā)人員提供了協(xié)助。 它使諸如html文檔遍歷和操縱，大事處理，ajax之類的事情變得輕而易舉，從而擔(dān)當(dāng)了應(yīng)對全部掃瞄器不兼容和錯誤的負(fù)擔(dān)。在其功能中，jquery還允許創(chuàng)建動畫和效果。 借助它，我們可以為css屬性設(shè)置動畫，躲藏元素，使其褪色以及其他類似效果。 但是，jquery的設(shè)計(jì)目標(biāo)從未成為高性能的動畫引擎，也從未決定支持真正復(fù)雜的，消

2、耗cpu / gpu的動畫。 作為對此事實(shí)確實(shí)認(rèn)，jquery的內(nèi)存消耗通常會觸發(fā)垃圾回收，這些垃圾回收會在執(zhí)行動畫時引起問題。 另外，在后臺jquery用法而不是 （ 了解有關(guān)更多信息 ）來運(yùn)行動畫，這無助于提高幀率。因?yàn)檫@些因素，最了解的人向css宣揚(yáng)了用法動畫來創(chuàng)建動畫和效果的過程。讓我們說清晰：css動畫賽過jquery的動畫。 議論動畫時，jquery的速度可能比css慢幾倍。 css動畫和過渡的優(yōu)勢是可以通過gpu硬件加速，這在移動像素方面的確十分好。 特殊是在性能至關(guān)重要的狀況下（例如移動設(shè)備），此因素似乎是一個很大的改進(jìn)。 太棒了，不是嗎？ 事實(shí)是，這一切都有局限性和問題。第一

3、個限制是gpu不能充實(shí)全部css屬性。 因此，用法css動畫將永久獲勝的假設(shè)是錯誤的。 另一個問題是css動畫無法移植，起碼在您可能定位的全部掃瞄器中都不如此。 例如，過渡在internet explorer 9及更低版本中不起作用。 似乎還不夠，css中的動畫當(dāng)前基于百分比而不是時光（秒或毫秒）。 這意味著除非您用法的是sass或less之類的預(yù)處理器，否則在完成動畫后更改動畫的持續(xù)時光可能會很疼痛。 最后，css動畫需要輸入無數(shù)供給商前綴。 是的，我們可以委派一個工具來處理這些問題，但這只是不安的另一件事。除了前面的考慮之外，還有其他一些理由不折價jquery動畫。 他們與缺乏技能有關(guān)，而

4、不是技術(shù)本身的弱點(diǎn)，但仍然值得一提。 假如開發(fā)人員曾經(jīng)用法jquery創(chuàng)建動畫，則很可能該開發(fā)人員無法用法css來執(zhí)行相同的任務(wù)。 開發(fā)人員可能需要很長時光才干在css中創(chuàng)建相同的效果，所以付出的努力是不值得的。 或者，開發(fā)人員可能不想學(xué)習(xí)另一種技術(shù)來創(chuàng)建高度可定制的動畫。 這不是可恥的。 每個人在給定領(lǐng)域中都有自己的局限性。這里的所有要點(diǎn)是我們希翼用法jquery創(chuàng)建的動畫具有更好的性能，因此我們不必將它們轉(zhuǎn)換為css動畫。 對我們來說幸運(yùn)的是，的確存在解決計(jì)劃。jquery動畫問題的答案稱為velocity.js 。 velocity.js是一個jquery插件，可重新實(shí)現(xiàn)以產(chǎn)生顯著更高的

5、性能（使velocity也比css動畫庫更快），同時包括改進(jìn)動畫工作流程的新功能。 與適用于舊版ie的jquery 1.x不同，velocity適用于ie8 +。 對于大多數(shù)項(xiàng)目，這應(yīng)當(dāng)不是主要問題。在這一點(diǎn)上，您想知道velocity.js的用法如何影響代碼庫。 答案是荒唐可笑。 集成velocity.js所需要做的就是下載它并將其包含在我們要用法的網(wǎng)頁中。 最后一步是用替換每次浮現(xiàn)的 而不更改任何參數(shù)！ 此更改就像在我們的文本編輯器或所選的ide中執(zhí)行搜尋和替換一樣簡單。完成后，我們的動畫將立刻提高性能。 這很棒，由于我們可以在不影響代碼庫的狀況下重用我們的學(xué)問。 另外，因?yàn)樗且粋€保持可鏈接性的jquery插件，我們可以繼續(xù)創(chuàng)建典型的jquery辦法調(diào)用鏈。在本文中，我描述了一些影響基于jquery的動畫的問題。 我們已經(jīng)研究了為什么css動畫在過去幾年中被大量用法，以替代jquery。 然后，我重點(diǎn)介紹了css的一些局限性以及性能方面的一些弊端