Megoldva: Dokumentum kész javascript vanilla

A Document ready javascript vanilla fő problémája az, hogy nem használja ki a legújabb webes szabványok előnyeit. Emiatt a webhelyek elavultnak tűnhetnek, és megnehezítheti karbantartásukat.

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

Ez a kód a jQuery segítségével hoz létre egy függvényt, amely akkor fut le, amikor a dokumentum elkészül. Ezt gyakran arra használják, hogy megbizonyosodjanak arról, hogy az összes HTML-elem be van-e töltve, mielőtt bármilyen JavaScript-kódot futtatna.

Ckecks

A Ckecks egy könyvtár a JavaScript kód helyességének ellenőrzésére. Egyszerű és tömör szintaxist biztosít az ellenőrzések kifejezéséhez, valamint számos segédprogramot kínál a kód ellenőrzésének megkönnyítésére.

Oszlopok

A JavaScriptben kétféle oszlop létezik: oszlopalapú elrendezés és rács elrendezés. Az oszlopalapú elrendezések azon az elgondoláson alapulnak, hogy az oldalt oszlopokra kell osztani, és minden oszlophoz tartalmat kell rendelni. A rácsos elrendezések viszont rácsrendszert használnak az oldal tartalmának elrendezésére.

Az oszlopalapú elrendezések a webes alkalmazásokban, míg a rácsos elrendezések a nyomtatási alkalmazásokban gyakoribbak. Azonban mindkét típusú elrendezés használható webalkalmazásokban és nyomtatási alkalmazásokban.

Ha JavaScriptben szeretne oszlopalapú elrendezést létrehozni, először létre kell hoznia egy objektumtömböt, amely az oldal oszlopait reprezentálja. A tömb minden objektumának a következő tulajdonságokkal kell rendelkeznie:

név : Az oszlop neve.

: Az oszlop neve. szélesség : Az oszlop szélessége képpontokban.

: Az oszlop szélessége képpontban. magasság : Az oszlop magassága képpontokban.

Ezután létre kell hoznia a ColumnLayout egy példányát, amely kezeli az egyes oszlopok számára a terület lefoglalását és a tartalom megjelenítését. Ezt úgy teheti meg, hogy átadja az oszlopait reprezentáló objektumok tömbjét a ColumnLayout konstruktornak:

Körülmények

A JavaScriptben van néhány gyakori feltétel, amellyel tisztában kell lennie.

Az első az if utasítás. Ez az utasítás lehetővé teszi egy feltétel tesztelését, és ha igaz, akkor a blokkon belüli kódot végrehajthatja. Az if utasítás szintaxisa a következő:

if (feltétel) { // A végrehajtandó kód }

A második feltétel, amellyel tisztában kell lennie, a while utasítás. Ez az utasítás hasonlóan működik, mint az if utasítás, de addig hajtja végre a kódot a blokkon belül, amíg a feltétel már nem igaz. A for a while szintaxisa a következő:

while (feltétel) { // A végrehajtandó kód }

Kapcsolódó hozzászólások:

Írj hozzászólást