10 tipp a javascript nélkül jquery, javascript
JQuery - kiváló könyvtárban. Úgy tűnt az idő tájt, amikor IE6 tartották az első számú böngésző. Bár sokan voltak konkrét árnyalatok és a különbségek a különböző alkalmazásokhoz.
Voltak elég nehéz bypass és JQuery - ideális eszköz a kódot írni a különböző böngészők:

Ma azonban, a webböngészők nagyon komoly előrelépés ahhoz képest, hogy azokban az időkben. Mi lehet biztonságosan használni az összes funkcióját ES5. és emellett kapunk egy lenyűgöző HTML5 API-t. hogy make dolgozik a DOM sokkal szebb.
A fejlesztők most lehetőségük van a választás egyes projektek nem tudják használni jQuery. megtartva a teljesítménye azonos.
Ne érts félre - JQuery kiváló könyvtár és amikor szükség van rá, akkor sokkal több, mint fordítva. Ugyanakkor a kisebb projektek, mint például egy egyszerű oldalt korlátozott JS -interactions, böngésző bővítmények és mobil oldalakat, akkor Vanilla JS.
Az alábbiakban 10 tipp, ami segít a munkában.
1. Várja meg a dokumentum kész
Az első dolog, amit teszel, ha létrehoz egy JQuery. Ez illeszkedik a kihívás kódot a $ (document) .ready () úgy, hogy tudod, amikor a DOM készen áll a cselekvésre. Anélkül, JQuery rendezvény DOMContentLoaded. Itt van, hogyan használjuk:
2. Válassza ki az elemeket
3. behelyezése és eltávolítása eseménykezelőkkel
Eseménykezelõket alapvető része az épület webes alkalmazások. Két fő tábor létezett egyszer, amelyeknek eltérő a hogyan dolgoztak - IE és mások. De ma már csak használ addEventListener:
addEventListener alkalmazott harmadik érv (useCapture), de egy ideig ez volt kötelező. Ennek eredményeként, a kód úgy néz ki, mint JQuery.
4. cselekvések és attribútumok
Műveletek végrehajtása osztályú nevek nélkül JQuery elem szokott lenni nagyon kellemetlen. Mivel a tulajdon classList most ez a múltban. És ha meg kell oldaniuk az attribútumokat, hogy van bőven setAttribute:
5. előállítás és telepítés elem tartalma
JQuery kényelmes módszer szöveges () és a html (). Ehelyett, akkor a tulajdonságok és textContent innerHTML. amelyeket sokáig:
6. beszúrása, törlése elemet
7. Tájékozódás a DOM-fa
Minden igaz JS -nindzya tudja, hogy a DOM rejtett egy hatalmas lehetőség. Összehasonlítva JQuery. egyszerű DOM API ajánlat korlátozott a funkciók a minta elemeit magasabb vagy azonos szinten. Mindazonáltal még mindig sok dolog, amit tehetünk, hogy utazik le a DOM fában:
8. Feldolgozás tömbök sorozatán keresztül
Néhány hasznos módszerek által biztosított JQuery. rendelkezésre ES5 szabvány. Lapozás a tömb, fel tudjuk használni a térképet, és foreach helyett JQuery változatok - each () és térkép (). Csak figyelni, hogy a különbségek az alapértelmezett érvek és értékek erre a visszahívás:
9. animáció
JQuery animációs módszer kiválóan alkalmas bármit meg lehet tenni össze magad, és ha szüksége van egy alkalmazás az összetett animáció scriptek, akkor is kell használni.
De hála a csodálatos CSS3 néhány egyszerű animáció lehetőség lehet feldolgozni egy kis könyvtár, mint Animate.css. amely lehetővé teszi, hogy hívja az animációs elemek, hozzáadni vagy törölni nevét osztályok:
AJAX másik technológia, amely nem volt egyedi a különböző böngészőkben. Most ugyanezt a kódot használja mindenhol.
Ugyanakkor, ami egy objektum példány, és küld AJAX kérések XMLHttpRequest még mindig nagyon nehézkes, így a legjobb, hogy ezt használja a könyvtárat.
De nem kell csatlakoztatni, kizárólag erre a célra a teljes JQuery. Használhatja az egyik a sok fény könyvtárakban. Itt egy példa az épület egy AJAX kérés közvetlenül, egy kis reqwest könyvtár:
következtetés
A vágy a minimalizmus, a weboldal nélkül extra harangok és a síp egy méltó cél, hogy hozza meg az osztalék formájában egy gyors letöltés és jobb felhasználói élményt interakció. De van, hogy legyen óvatos - senki hasznára válik a tény, hogy újra feltalálni a kereket, amely már feltalálták JQuery.
Nem kell feláldoznia hasznos gyakorlat kizárólag a kis bájtok számát. Ugyanakkor rengeteg olyan esetben, amikor ezek a tippek tökéletesen alkalmazható. Próbálja ki a következő alkalommal ezt vanília, talán több, mint bármi, és nem kell!