El principal problema amb Document ready javascript vanilla és que no aprofita els últims estàndards web. Això pot fer que els llocs web semblin obsolets i pot dificultar el seu manteniment.
$(document).ready(function() {
// code goes here
});
Aquest codi utilitza jQuery per crear una funció que s'executarà quan el document estigui llest. Sovint s'utilitza per assegurar-se que tots els elements HTML s'han carregat abans d'executar qualsevol codi JavaScript.
Ckecks
Ckecks és una biblioteca per verificar la correcció del codi JavaScript. Proporciona una sintaxi senzilla i concisa per expressar comprovacions, així com una varietat d'utilitats per facilitar la comprovació del codi.
Columnes
A JavaScript, hi ha dos tipus de columnes: dissenys basats en columnes i dissenys de quadrícula. Els dissenys basats en columnes es basen en la idea de dividir una pàgina en columnes i assignar contingut a cada columna. Els dissenys de quadrícula, d'altra banda, utilitzen un sistema de quadrícula per dissenyar el contingut d'una pàgina.
Els dissenys basats en columnes són més habituals a les aplicacions web, mentre que els dissenys de quadrícula són més habituals a les aplicacions d'impressió. Tanmateix, tots dos tipus de dissenys es poden utilitzar en aplicacions web i aplicacions d'impressió.
Per crear un disseny basat en columnes a JavaScript, primer heu de crear una matriu d'objectes que representin les columnes de la vostra pàgina. Cada objecte de la matriu ha de tenir les propietats següents:
nom : el nom de la columna.
: El nom de la columna. width : l'amplada de la columna en píxels.
: l'amplada de la columna en píxels. altura : l'alçada de la columna en píxels.
A continuació, heu de crear una instància de ColumnLayout , que gestionarà l'assignació d'espai per a cada columna i la representació del contingut. Podeu fer-ho passant una matriu d'objectes que representen les vostres columnes al constructor ColumnLayout:
Condicions
Hi ha algunes condicions habituals a JavaScript que haureu de tenir en compte.
La primera és la declaració if. Aquesta declaració us permet provar una condició i, si és certa, executar el codi dins del bloc. La sintaxi d'una instrucció if és la següent:
if (condició) { // Codi per executar }
La segona condició que haureu de tenir en compte és la declaració while. Aquesta declaració funciona de manera similar a la instrucció if, però seguirà executant el codi dins del bloc fins que la condició ja no sigui certa. La sintaxi d'una sentència while és la següent:
while (condició) { // Codi per executar }
