10 sfaturi ca JavaScript sa fie fara jquery, JavaScript
JQuery - biblioteca excelent. Ea a apărut în jurul același timp, atunci când IE6 a fost considerat browser-ul numărul unu. Deși au existat mai multe nuanțe și diferențe între diferite aplicații specifice.
Au fost destul de by-pass plictisitor și JQuery - un instrument ideal pentru scrierea de cod pentru diferite browsere:
Astăzi, cu toate acestea, browsere web sunt un progres foarte grave în comparație cu acele vremuri. Putem folosi în condiții de siguranță toate caracteristicile ES5. și, în plus, vom obține un API HTML5 uimitoare. care face de lucru cu DOM este mult mai plăcut.
Dezvoltatorii au acum posibilitatea de alegere pentru unele dintre proiectele pe care nu le pot folosi JQuery. păstrând în același timp performanța la fel.
Nu mă înțelegeți greșit - JQuery bibliotecă excelent, iar când ai nevoie de ea, va fi mult mai mult decât vice-versa. Cu toate acestea, pentru proiecte mai mici, cum ar fi o simplă pagină cu JS limitate -interactions, extensii de browser și site-uri mobile, puteți utiliza Vanilla JS.
Mai jos sunt 10 sfaturi pentru a vă ajuta în munca ta.
1. Așteptați documentul pregătit
Primul lucru pe care îl faci atunci când creați un JQuery. Acest lucru se potrivește codul de provocare în $ (documentul) .ready (), astfel încât să știți când DOM este gata de acțiune. Fără eveniment JQuery am DOMContentLoaded. Iată cum este utilizat:
2. Selectați elemente
3. Montarea și demontarea manipulare eveniment
Stivuitoare eveniment reprezintă o parte fundamentală a construi aplicații web. Două tabără principală a existat o dată, care au diferit în modul în care au lucrat - IE și altele. Dar astăzi vom folosi doar addEventListener:
addEventListener aplicat la al treilea argument (useCapture), dar ceva timp era opțională. Ca urmare, codul arata mai mult ca JQuery.
4. Acțiuni la clase și atribute
Efectuarea de acțiuni cu nume de clasă, fără element de JQuery folosit pentru a fi foarte inconfortabil. Datorită proprietății classList acum este în trecut. Și dacă aveți nevoie pentru a gestiona atributele pe care le au o multime de setAttribute:
5. Pregătirea și conținutul elementului de montare
JQuery are text convenabil metode () și html (). În schimb, puteți utiliza proprietățile și textContent innerHTML. care sunt utilizate pentru o lungă perioadă de timp:
6. Introduceți și ștergeți elementele
7. Navigarea copac DOM
Fiecare adevărat -nindzya JS știe că DOM ascunsă o oportunitate uriașă. Comparativ cu JQuery. simplu API DOM ofera un set limitat de funcții pentru elementele de probă de nivel superior sau de același. Cu toate acestea, există încă multe lucruri pe care le puteți face pentru a călători în jos copac DOM:
8. matrice de prelucrare prin intermediul unor serii
Unele dintre metodele utile oferite de JQuery. disponibil în standardul ES5. Pentru a parcurge matrice, putem folosi harta și foreach în loc de versiuni JQuery - fiecare () și harta (). Doar să acorde o atenție la diferențele dintre argumentele implicite și valorile pentru acest lucru în apel invers:
9. Animație
JQuery metodă de animație este perfect pentru doar despre tot ce se poate pune împreună tine, și dacă aveți nevoie de o aplicație de script-uri de animație complexe, tot trebuie să-l folosească.
Dar, datorită minunile CSS3 unor opțiuni simple de animație pot fi procesate cu o mică bibliotecă ca Animate.css. care vă permite să apelați pentru elementele de animație, adăuga sau șterge numele claselor:
AJAX este o altă tehnologie, care nu a fost specific pentru diferite browsere. Acum putem folosi același cod peste tot.
Cu toate acestea, crearea unui exemplu de obiect și trimiterea de cereri AJAX folosind XMLHttpRequest sunt încă foarte greoaie, așa că cel mai bine este de a face acest lucru prin utilizarea bibliotecii.
Dar nu trebuie să fie conectat exclusiv în acest scop întreaga JQuery. Puteți utiliza una dintre multele biblioteci de lumină. Aici este un exemplu de construire a unei cereri AJAX direct, folosind o mică bibliotecă reqwest:
concluzie
Dorința de minimalism, pagina web fără clopote suplimentare și fluierele este un obiectiv demn, care vă va aduce dividende sub forma unui download rapid și un utilizator interacțiune mai bună experiență. Dar trebuie să fii atent - nimeni nu va beneficia de faptul că va re-inventa roata, care este deja inventat JQuery.
Nu sacrifica practică utilă numai pentru numărul mic de octeți. În același timp, există o mulțime de cazuri în care sunt perfect aplicabile aceste sfaturi. Încercați-l data viitoare face Vanilie, poate că mai mult decât orice și nu au nevoie!