Joan: /* JS1K */

2016-04-11T16:56:46Z

JS1K

Pàgina nova

=JS1K=
*http://js1k.com/
*http://js1k.com/2013-spring/demos
*http://js1k.com/2016-elemental/
Mirar els exemples, descarregar el codi.

=Compressió del codi, exemple pràctic: jCart=
*http://code.google.com/p/jcart/
JCart és un carrito de la compra basat en Ajax, JQuery, PHP. El script principal, jcart.js, té dues versions: comprimida (''jcart.min.js'') i sense comprimit (''jcart.js'').

Anem a veure un exemple pràctic de com es comprimeix una funció. La funció '''update''' s'executa quan actualitzes una quantitat en el carret de la compra.

'''jcart.js''':
<pre>
function update(input) {
// The id of the item to update
var updateId = input.parent().find('[name="jcartItemId[]"]').val();
// The new quantity
var newQty = input.val();
// As long as the visitor has entered a quantity
if (newQty) {
// Update the cart one second after keyup
var updateTimer = window.setTimeout(function() {

// Update the item and refresh cart display
$.ajax({
data: {
"jcartUpdate": 1, // Only the name in this pair is used in jcart.php, but IE chokes on empty values
"itemId": updateId,
"itemQty": newQty,
"jcartIsCheckout": isCheckout,
"jcartToken": token
}
});
}, 1000);
}
</pre>

El codi equivalent és:
'''jcart.min.js''':
<pre>
function g(l){var o=l.parent().find('[name="jcartItemId[]"]').val();var n=l.val();if(n){var m=window.setTimeout(function(){$.ajax({data:{jcartUpdate:1,itemId:o,itemQty:n,jcartIsCheckout:c,jcartToken:e}})},1000)}l.keydown(function(p){if(p.which!==9){window.clearTimeout(m)}})}
</pre>

i si tabulem la funció tenim:
<pre>
function g(l){
var o=l.parent().find('[name="jcartItemId[]"]').val();
var n=l.val();
if(n){
var m=window.setTimeout(function(){
$.ajax({
data:{
jcartUpdate:1,
itemId:o,
itemQty:n,
jcartIsCheckout:c,
jcartToken:e
}
})
},1000)
}
l.keydown(function(p){
if(p.which!==9){window.clearTimeout(m)}})
}
</pre>
Per trobar la funció original només cal canviar els noms de les variables, afegir els comentaris, afegir ''punts i coma'' al final de la línia (que recordem que són opcionals)...

{{Autor}}, maig 2013

JS1K: Concurs Javascript 1K - Historial de revisió

Joan: /* JS1K */