Posted: septiembre 26th, 2011 | Author: Michael | Filed under: Front-End | Tags: javascript, jquery, prototype | No Comments »
Uno de los métodos más potentes y usados para controlar los tiempos de carga y ejecución de nuestros scripts en la página, es el uso del Event.observe de Prototype.
Con la línea siguiente:
Event.observe(window, 'load', function() {});
Podremos ejecutar algo una vez la página esté completamente cargada. Muy útil si queremos asegurar por ejemplo que un div al que queremos interactuar está ya cargada en la página, o si queremos realizar cualquier acción tras la carga completa de la página. Esto es que están todos los elementos del DOM renderizados y todo el resto de elementos web cargados también: js, css e imágenes incluidos. Las peticiones AJAX no entrarían en este saco ya que son peticiones asíncronas y no se carga secuencialmente en el waterfall de la carga de la página.
Hasta aquí todo perfecto. Pero también tenemos otra condición que se usa mucho que es:
document.observe('dom:loaded', function(){});
Esta línea es muy similar a la anterior pero no son exactamente iguales. ¿En qué se diferencian?
Read the rest of this entry »
Posted: abril 13th, 2011 | Author: Michael | Filed under: Front-End | Tags: cv, javascript, jquery | 1 Comment »
El otro día leí en un tweet algo como que ‘hay toneladas de realmente muy buen JS allí fuera, y que no son dependientes. Sin embargo hay demasiado plugin de escasa calidad de jQuery.’
Pues yo respaldo este comentario de Thomas Fuchs. No porque haya criticado a jQuery en concreto, sino más bien la fuerte dependencia que tienen muchos desarrollador de los frameworks, pero sobretodo de los plugins.
Conocimientos: Javascript, jQuery, etc.
Mi puesto en mi trabajo me ha permitido ver a lo largo de los años un buen puñado de CV’s de front-end developers (fronteros), y algo que me hace gracia es ver cómo muchos muchísimos escriben que tienen conocimientos sólidos en Javascript, y en especial jQuery. ¡Como si fuera más importante saber jQuery que Javascript! Pues voy a ser muy directo para este tipo de personas: Que hayas instalado y personalizado un par de plugins en un blog o una web como el lightbox y otra pijadita más, no te da derecho a indicar que ya sabes programar en Javascript, oh! Que domines jQuery no te convierte en un gurú del Javascript.
A veces, nos flipamos mucho en los CV’s, y eso puede acabar jugando en contra de tus intereses. A veces conviene ser más humilde y sincero, que ser un gurú.
Posted: octubre 25th, 2010 | Author: Michael | Filed under: Front-End | Tags: javascript, jquery, performance, prototype, yui | 3 Comments »
‘SlickSpeed Selectors Test‘ es una página que testea de forma completísima el rendimiento del uso de selectores css comparando entre sí los frameworks de javascript más importantes o conocidos del mercado. El test nos reporta muchísima información sobre la performance o la velocidad de cada framework. Resulta muy interesante analizar los resultados.
Resultados del test
Según los resultados que me han salido a mí, el framework que mejor y más rápido trabaja con el uso de selectores css es la última versión de YUI 3.1.0 (39*), y le pisa los talones jQuery (40) y DOMAssistant 2.8 (41). Si lo comparo con Prototype 1.6, que es el framework que más he usado (y uso), ha obtenido un tiempo de 58, que es claramente más alto que estos primeros, y vemos que Prototype rinde menos. No obstante, hay buenas noticias al respecto ya que la última versión de Prototype, 1.7, que ya está ultimando su salida oficial (ya van por la Release Candidate 3), viene integrado Sizzle, el motor que usa jQuery para los selectores. Aquí explican esta integración, entre otras cosas.
Read the rest of this entry »
