Mi használ jquery
Ez a lecke 15 ajánlásokat dolgoznak jQuery könyvtár. A leírt módszerek segítségével hatékonyan használni egy erős fejlesztési eszközt.
1. A legújabb verzióját jQuery.
Használata újítások jelennek meg a jQuery projekt egyik legegyszerűbb módja, hogy javítsa webhelye teljesítményét. Minden új változata a könyvtár tartalmazza az új kódot optimalizáció és hibajavítások. Az egész folyamat csökken tartalmának javítása érdekében a készülék csere script tag.
Az utolsó példa magában foglalja a legújabb verzióját jQuery 1.6.x automatikusan, de vegye figyelembe, hogy a gyorsítótárban csak egy óra.
2. Végezze el a választásokat könnyebb.
Ugyanakkor meg kell optimalizálni a folyamatot létrehozó elem. Sok felhasználó továbbra is használhatja a régebbi böngészők kényszeríteni jQuery belevetik magukat egy elemzést a DOM-fa, amely egy lassú folyamat.
Kiválasztás id - a leggyorsabb lehetőség. Ha ki kell választania az osztály előtag azt a névtáblát - $ ( 'li.selected). Ez az optimalizálás nagymértékben befolyásolja a folyamatokat a régebbi böngészők és a mobil eszközök.
Egy másik pont, hogy meg kell emlékezni, hogy jQuery ad számos további szelektor (például: Csak rejtett animációs ..), amelyek nem szelektor CSS. Ennek eredményeként, ha használja őket, a könyvtár nem használja a funkciót querySelectorAll (). Ahhoz, hogy a folyamat optimalizálása, először ki kell választani a megfelelő terméket, majd szűrje őket:
Az eredmény a fenti példa azonos, de a második kiviteli alak az eredmény gyorsabb.
3. jQuery Tárgyak tömbként.
Az eredmény a használata szelektor jQuery objektumot. De lehet dolgozni vele, mint egy tömb elemeinek indexe és azok hosszát.
Ha aggódik a teljesítmény kérdése, egy egyszerű hurok vagy egy darabig $ helyett .Minden ().
Ellenőrzés hossza is meghatározásának módja, hogy egy elem gyűjtemény.
4. Az ingatlan választó.
jQuery biztosít egy tulajdonság, hogy használják, hogy elindítsa a láncot.
Bár a fenti példákban jelzik egyik eleme szelektorok különböznek. A második választó nem lehet használni, hogy hozzon létre egy új jQuery objektumot. Ez azt mutatja, szűrésére szolgáló eljárást, hogy csökken a gyűjtemény.
5. Hozzon létre egy üres jQuery objektumot.
Néha meg kell hozzon létre egy üres objektumot, és töltse meg később módszerrel add ().
Ez a megközelítés az alapja quickEach () metódust. amelyeket fel lehet használni, mint egy alternatív standard egyes ().
6. Saját szűrő választókat. Válasszon egy véletlenszerű elemet.
Hozhat létre saját szűrőt választókat. Csak azt kell, hogy egy új funkció, hogy a tárgy $ .expr [ „:”]. Az alábbiakban a kód a véletlenszerű kiválasztás elemek:
7. A CSS horgokat.
CSS horgok az API lehetővé teszi a fejlesztő kap, és erre vonatkozóan bizonyos CSS értékeket. Ön tudja elrejteni különleges végrehajtási funkciók böngészők és használni egy felület eléréséhez bizonyos tulajdonságait.
Egy különösen jó dolog, hogy már van egy gazdag könyvtár a támogatott CSS horgok, amelyek segítségével a projekteket.
8. Használjon egyedi funkció az átmeneti animációk.
9. $ .proxy ()
Az egyik hátránya segítségével visszaváltható jQuery funkciók az, hogy amikor végre könyvtár módszereket összefüggésben jön létre a másik elemnek. Például ha a jelölés:
Be kell, hogy elrejtse a panelt a gomb megnyomásával. Igyekszünk, hogy a kód:
Ennek eredményeként, van egy kis probléma - gomb eltűnik, és nem a panel. A $ .proxy megteheti ezt:
Most minden úgy történik, mint kellene. $ .proxy függvény két paramétert - az eredeti funkciót és kontextus. Ez visszaad egy új funkció, amellyel ez az érték összhangban van összefüggésben.
10. Határozza meg a súlyát az oldal.
Az egyszerű tény az, hogy minél több tartalmat az oldalon, annál több időt tölti a böngésző megkötésére. Akkor gyorsan meg a számát DOM elemeket az oldalon a konzol kód:
Minél kisebb a szám, annál gyorsabb a oldal jelenik meg. Akkor optimalizálja a letöltési sebesség, eltávolításával felesleges és szükségtelen elrendezés konténerek.
11. Ellenőrizze a kódot plug-in jQuery.
Ha már töltött időt a fejlődő kódot a jQuery, azt a kérdést, végrehajtását, mint egy plugin. Mivel a kód könnyen újra korlátozás nélkül, valamint segít létrehozni a bázis fejlesztési projektek.
Létrehozása jQuery plugin egy nagyon egyszerű folyamat:
12. A globális funkciók és értékek AJAX alapértelmezés szerint.
Ha a munka a AJAX kérések az alkalmazás gyakran kell kimenetén jelezze a haladás, a folyamatot. Általában megjelenik betöltési animáció vagy eltakaró réteg. Ellenőrzőlámpa minden hívást $ Szálljon vagy $ .post gyorsan abroncs.
A legjobb megoldás az, hogy létrehoz egy sor globális értékek és AJAX funkciók alapértelmezés szerint a jQuery módszerek.
13. A animáció késleltetés ().
Binding animációs hatások a láncban egy erőteljes eszköz a jQuery. Azt is be egy késés az animációk.
14. A HTML5 adatok attribútum
HTML5 adatok attribútum tervezték egyszerű felvétele a weboldalt. Ez kényelmes közötti adatcsere a szerver és a kliens részét, ha szükséges a kimeneti blokk