Muchos o al menos la mayoria conocemos y hemos utilizado Prototype (un framework para javascript) pero ¿realmente lo estamos utilizando bien?. La siguiente es una lista de las maneras correctas de usar prototype en determinados casos.
La manera incorrecta:
-
document.getElementById(‘foo’)
La manera correcta:
La manera incorrecta:
-
var woot = document.getElementById(‘bar’).value
-
-
var woot = $(‘bar’).value
La manera correcta:
La manera incorrecta:
-
$(‘footer’).style.height = ‘100px’;
-
$(‘footer’).style.background = ‘#ffc’;
La manera correcta:
-
$(‘footer’).setStyle({
-
height: ‘100px’,
-
background: ‘#ffc’
-
})
La manera incorrecta:
-
$(‘coolestWidgetEver’).innerHTML = ’some nifty content’
La manera correcta:
-
$(‘coolestWidgetEver’).update(’some nifty content’)
Las 2 anteriores parecen similares pero ¿podriamos hacer esto de la primera forma?
-
$(‘coolestWidgetEver’).update(’some nifty content’).addClassName(‘highlight’).next().hide()
La manera incorrecta:
-
new Ajax.Request(‘ninja.php?weapon1=foo&weapon2=bar’)
La manera correcta:
-
new Ajax.Request(‘ninja.php’, {
-
parameters: {
-
weapon1: ‘foo’,
-
weapon2: ‘bar’
-
}
-
})
La segunda es una manera mas limpia y estructurada de nuestra definición de parametros en la llamada a AJAX.
La manera incorrecta:
-
new Ajax.Request(‘blah.php’, {
-
method: ‘POST’,
-
asynchronous: true,
-
contentType: ‘application/x-www-form-urlencoded’,
-
encoding: ‘UTF-8′,
-
})
La manera correcta:
-
new Ajax.Request(‘blah.php’)
Todos esos parametros ya estan predeterminados en el objeto Ajax.Request asi que esta de mas definirlos.
La manera incorrecta:
-
Event.observe(‘myContainer’, ‘click’, doSomeMagic)
La manera correcta:
-
$(‘myContainer’).observe(‘click’, doSomeMagic)
Ver Lista Completa (En Ingles)
