JQuery: yhteyden muodostaminen verkkosivulle

Sisällysluettelo:

JQuery: yhteyden muodostaminen verkkosivulle
JQuery: yhteyden muodostaminen verkkosivulle
Anonim

jQuery on Javascript-kirjasto, joka keskittyy HTML-, JavaScript- ja CSS-tekniikoiden yhteistoimintaan.

Mitä jQuery voi tehdä

Kirjasto voi työskennellä seuraavan tehtäväluettelon kanssa:

  • voi käyttää mitä tahansa sivuobjektimallin (DOM) elementtiä ja suorittaa niillä monimutkaisia käsittelyjä;
  • tapahtumien käsittelyä tuettu;
  • on toimintoja erilaisille graafisille tehosteille ja animaatioille;
  • yksinkertaistettu työskentely AJAX-dynaamisella lataustekniikalla (erittäin tärkeä ja erittäin hyödyllinen ominaisuus, mutta ei siitä nyt);
  • jQuerylla on v altava määrä omia laajennuksia, joiden päätehtävänä on toteuttaa graafisia käyttöliittymiä ja vuorovaikutusta niiden kanssa.

Kirjaston pakatut ja pakkaamattomat versiot

Kehittäjillä on useita vaihtoehtoja komentosarjalle - yksi on pakattu, toinen ei. Täysversio on erittäin kätevä käyttää verkkosovellusten koodauksen ja virheenkorjauksen (testaus) vaiheessa. Minimoidulla versiolla sen sijaan on vähän hyödyllisiä etuja virheenkorjauksen aikana, mutta se latautuu paljon nopeammin ja vie vähemmän tilaa. Joten jQueryn pakattu versio on sopivakäytä jo valmiissa projektissa, koska se säästää palvelinliikennettä ja levytilaa.

jquery-yhteys
jquery-yhteys

Kuinka valita oikea jQuery-versio

JQueryssä on nykyään useita v altavirtoja - 1.x, 2.x ja 3.x haarat. Niiden silmiinpistävä ero on se, että toisesta versiosta alkaen kaikki tuki vanhentuneille selaimille, kuten Microsoft Corporationin selaimelle - Internet Explorer, kahdeksas versio mukaan lukien, lopetettiin.

Tämä päätös mahdollisti kirjaston fyysisen datan määrän vähentämisen kymmenellä prosentilla ja sen työn hieman optimoinnin. Maailmassa on kuitenkin edelleen koti- ja yritystietokoneita, joiden pääselaimeksi on asennettu vanha Internet Explorer, vaikka näiden käyttäjien osuus ei ylitä 3 % maailmanlaajuisesti. Siksi on sinun päätettävissäsi, tuetko vanhentunutta alustaa vai et.

JQueryn kehittäjät noudattavat versioiden taaksepäin yhteensopivuuden periaatteita. Tämä tarkoittaa, että kirjaston versiolle 1.7 kirjoitettu koodi toimii myös version 1.8 kanssa. Mutta joskus kehittäjäyritys poistaa jQuerysta toimintoja, jotka eivät ole hyödyllisiä, joten on parempi lukea uuden version dokumentaatio uudelleen, jos aiot päivittää.

Vuonna 2016 julkaistiin uusi jQuery-haara. Se oli versio 3.0, josta tuli vielä nopeampi ja kevyempi kuin vanhat versiot. Siitä poistettiin vihdoin hakkerit joidenkin toimintojen toteuttamiseksi vanhentuneissa selaimissa, mikä mahdollisti kirjaston asettamisen nykyaikaiseksi ja tehokkaaksi kehitystyökaluksi.

Jos sinunprojekti on jo sidottu johonkin kirjastoon, niin arvioi ensin päivityksen työvoimakustannukset. Jos uudesta versiosta saatava hyöty on sen arvoista, aloita työskentely. Kaikkien kehittäjien, jotka ovat vasta alkamassa käyttää työkalua projekteissaan, on suositeltavaa aloittaa suoraan uusimmista versioista.

JQueryn käytön aloittaminen

Ensimmäinen vaihe on jQueryn yhdistäminen. Voit tehdä tämän lataamalla kirjaston suoraan jquery.com-kehittäjäresurssista tai peilistä ja sijoittamalla kirjaston verkkopalvelimellesi.

Otetaan nyt varsinainen jQuery-yhteys verkkosivulle. Erilaisten komentosarjojen yhdistäminen hypertekstimerkintäkielellä hoidetaan komentosarjatunnisteella. Yhdistä jQuery seuraavalla koodilla:

jquery-yhteys
jquery-yhteys

Tämä vaihtoehto on hyvä offline-yhteydelle, mutta palvelinkäyttöön on monia muita tapoja.

Yhdistä jQuery pilvipalveluilla

Google tarjoaa Hosted Libraries -palvelun, jonka avulla kuka tahansa voi yhdistää suositun kehyksen tai kirjaston verkkosovellukseensa. Yhdistä jQuery Google Cloud Storagen kautta käyttämällä valittua versiota vastaavaa merkkijonoa seuraavassa kaavassa:

kuinka sisällyttää jquery-kirjasto
kuinka sisällyttää jquery-kirjasto

Versiot-sarakkeen numerot vastaavat versionumeroa, joka on saatavana asennukseen ja sen kanssa työskentelyyn. Jos haluat yhdistää minkä tahansa väliversion, kopioi senumeerinen numero yhteysmerkkijonossa esimerkissä määritettyjen numeroiden sijaan.

Voit aina tarkastella nykyisten versioiden luetteloa osoitteessa:

developers.google.com/speed/libraries/jquery

Jos et jostain syystä luota Googleen, mutta haluat silti tietää, kuinka saada jQuery-kirjasto kolmannen osapuolen luotetulta palvelimelta, käytä Microsoftin arkistoa.

sisältää jquery-kirjaston
sisältää jquery-kirjaston

jQuery on yksi parhaista työkaluista animaatioiden luomiseen web-sivuille. Kun ymmärrät tämän työkalun tehon, olet erittäin iloinen, että aloit oppimaan tällaisen kirjaston.

Skeptikot opiskelijoiden ja kehittäjien keskuudessa uskovat, että on parempi toteuttaa kaikki puhtaalla ohjelmointikielellä ilman kolmannen osapuolen kirjastoja. Mutta sinun on ymmärrettävä, että jQuery-tiedosto on vain kolmekymmentäkaksi kilotavua, ja se on todennäköisesti jo käyttäjän selaimen välimuistissa, jos sisällytät komentosarjan Googlen kautta. Älä siis pelkää oppia työkaluja, jotka helpottavat kehittäjän elämää. Loppujen lopuksi sisällytämme tähän jQuery-kirjaston - jotta emme keksi pyörää uudelleen.

Suositeltava: