Ratkaistu: Asiakirja valmis javascript vanilla

Document ready javascript vanillan suurin ongelma on, että se ei hyödynnä uusimpia verkkostandardeja. Tämä voi saada verkkosivustot näyttämään vanhentuneilta ja vaikeuttaa niiden ylläpitoa.

$(document).ready(function() {
  // code goes here
});

Tämä koodi käyttää jQueryä funktion luomiseen, joka suoritetaan, kun asiakirja on valmis. Tätä käytetään usein varmistamaan, että kaikki HTML-elementit on ladattu ennen JavaScript-koodin suorittamista.

Ckecks

Ckecks on kirjasto JavaScript-koodin oikeellisuuden tarkistamiseen. Se tarjoaa yksinkertaisen ja tiiviin syntaksin tarkistusten ilmaisemiseen sekä useita apuohjelmia, jotka helpottavat koodin tarkistamista.

Pylväät

JavaScriptissä on kahden tyyppisiä sarakkeita: sarakepohjaiset asettelut ja ruudukkoasettelut. Sarakepohjaiset asettelut perustuvat ajatukseen sivun jakamisesta sarakkeisiin ja sisällön määrittämiseen jokaiseen sarakkeeseen. Ruudukkoasettelut puolestaan ​​käyttävät ruudukkojärjestelmää sivun sisällön asettamiseen.

Sarakepohjaiset asettelut ovat yleisempiä verkkosovelluksissa, kun taas ruudukkoasettelut ovat yleisempiä tulostussovelluksissa. Molempia asettelutyyppejä voidaan kuitenkin käyttää verkkosovelluksissa ja tulostussovelluksissa.

Jos haluat luoda sarakepohjaisen asettelun JavaScriptissä, sinun on ensin luotava joukko objekteja, jotka edustavat sivusi sarakkeita. Jokaisella taulukon objektilla tulee olla seuraavat ominaisuudet:

nimi : Sarakkeen nimi.

: Sarakkeen nimi. leveys : Sarakkeen leveys pikseleinä.

: Sarakkeen leveys pikseleinä. korkeus : Sarakkeen korkeus pikseleinä.

Seuraavaksi sinun on luotava ColumnLayout-esiintymä, joka varaa tilan kullekin sarakkeelle ja renderöi siihen sisältöä. Voit tehdä tämän välittämällä joukon objekteja, jotka edustavat sarakkeitasi ColumnLayout-konstruktorille:

olosuhteet

JavaScriptissä on muutamia yleisiä ehtoja, jotka sinun on oltava tietoisia.

Ensimmäinen on if-lause. Tämän lauseen avulla voit testata ehtoa ja, jos se on totta, suorittaa koodin lohkon sisällä. If-lauseen syntaksi on seuraava:

if (ehto) { // Suoritettava koodi }

Toinen ehto, joka sinun on oltava tietoinen, on while-lause. Tämä lauseke toimii samalla tavalla kuin if-lause, mutta se jatkaa koodin suorittamista lohkon sisällä, kunnes ehto ei enää ole tosi. Jonkin ajan lausekkeen syntaksi on seuraava:

while (ehto) { // Suoritettava koodi }

Related viestiä:

Jätä kommentti