Löst: Dokumentfärdigt javascript vanilj

Det största problemet med Document ready javascript vanilla är att det inte drar nytta av de senaste webbstandarderna. Detta kan få webbplatser att se föråldrade ut och kan göra det svårt att underhålla dem.

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

Den här koden använder jQuery för att skapa en funktion som körs när dokumentet är klart. Detta används ofta för att se till att alla HTML-element har laddats innan någon JavaScript-kod körs.

Cckecks

Ckecks är ett bibliotek för att verifiera riktigheten av JavaScript-kod. Det ger en enkel och koncis syntax för att uttrycka kontroller, samt en mängd olika verktyg för att göra kontroll av kod lättare.

Kolonner

I JavaScript finns det två typer av kolumner: kolumnbaserade layouter och rutnätslayouter. Kolumnbaserade layouter bygger på idén att dela upp en sida i kolumner och tilldela innehåll till varje kolumn. Gridlayouter, å andra sidan, använder ett rutsystem för att layouta innehåll på en sida.

Kolumnbaserade layouter är vanligare i webbapplikationer, medan rutnätslayouter är vanligare i tryckta applikationer. Båda typerna av layouter kan dock användas i webbapplikationer och utskriftsapplikationer.

För att skapa en kolumnbaserad layout i JavaScript måste du först skapa en uppsättning objekt som representerar kolumnerna på din sida. Varje objekt i arrayen bör ha följande egenskaper:

namn : Namnet på kolumnen.

: Namnet på kolumnen. width : Kolumnens bredd i pixlar.

: Kolumnens bredd i pixlar. höjd : Kolumnens höjd i pixlar.

Därefter måste du skapa en instans av ColumnLayout , som kommer att hantera allokering av utrymme för varje kolumn och rendera innehåll till den. Du kan göra detta genom att skicka en array av objekt som representerar dina kolumner till ColumnLayout-konstruktorn:

Villkor

Det finns några vanliga villkor i JavaScript som du måste vara medveten om.

Den första är if-satsen. Denna sats låter dig testa ett villkor och, om det är sant, exekvera koden inuti blocket. Syntaxen för en if-sats är följande:

if (villkor) { // Kod att köra }

Det andra villkoret du måste vara medveten om är while-satsen. Den här satsen fungerar på liknande sätt som if-satsen, men den kommer att fortsätta exekvera koden inuti blocket tills villkoret inte längre är sant. Syntaxen för en stund är följande:

while (villkor) { // Kod att köra }

Relaterade inlägg:

Lämna en kommentar