Deshabilitar scroll con Javascript

Útil cuando no queremos que el usuario se desplace por la aplicación. Por ejemplo cuando abrimos algún modal, búsqueda, etc. function disableScroll(){ window.scrollTo(0, 0); } window.addEventListener('scroll', disableScroll); window.removeEventListener('scroll', disableScroll); Otra opción si queremos mantener la posición actual es modificar window.onscroll function disableScroll(){ var x = window.scrollX; var y = window.scrollY; window.onscroll = function(){ window.scrollTo(x, y) }; } function enableScroll(){ window.onscroll = null; }…

leer más

Hoisting en Javascript

Hoy vamos a hablar del Hoisting, puede ser un poco confuso al principio, pero vamos que es un concepto muy fácil de entender (aunque no se haga referencia en la documentación oficial). Hoist: Del inglés, significa elevar en castellano, y es la acción que se está realizando (mover las declaraciones al principio).  ¿Qué es el Hoisting? Es la acción que realiza Javascript al interpretar, que consiste en mover las declaraciones de variables al inicio de cada ámbito. Ámbito de variable: Lugar donde están disponibles las variables, en Javascript hay variables locales y globales. Siendo las variables locales las que están…

leer más

Cómo , cuándo y por qué usar "use strict" en Javascript

En el día de hoy vamos a empezar una serie de artículos relacionados con ECMAScript2015 (ES6), aunque ya habíamos empezar a mencionarlo en artículos como ¿Cómo funciona AJAX? ¿Qué son las promesas y generadores? Siguiendo con el tema, el modo estricto nació en ECMAScript 5, vamos a ver por que es recomendable usarlo en ES6. Y antes de empezar creo que tenemos que tener claro que es esta directiva. ¿Qúe es el modo estricto en Javascript? Como venimos explicando el modo estricto es el que habilitamos cuando hacemos uso de la directiva "use strict"; ¡Cuidado! La directiva "use strict" sólo…

leer más

¿Qué son las promesas y generadores?

Hasta la llegada de la nueva API en ES2015 (La nueva versión de Javascript), si queríamos usar de la programación asíncrona teníamos que hacerlo a través de Callbacks, lo que implicaba una serie de problemas: Inversion del control Confusion de los inputs con los outputs Errores más complejos de manejar Código se vuelve difícil seguir leer y mantener Si profundizamos en estos problemas nos encontramos callbacks que dependen de la salida de otros callbacks, "Callback hell" o el infierno de los callbacks :D. Vamos a entender mejor este concepto con un ejemplo, imaginemos que queremos programar los pasos para crear…

leer más

¿Cómo funciona AJAX?

Antes de nada lo que tenemos que tener claro es ¿AJAX?, Estás siglas significan Asynchronous JavaScript And XML (JavaScript asíncrono y XML) Como ya veíamos en el artículo ¿Cómo funciona el protocolo HTTP?,  cada vez que queremos actualizar el contenido de nuestro sitio web tendríamos que recargar nuestro página, con está tecnología conseguimos es evitar esas odiosas recargas de pantalla, con las que el usuario pierde la iteración con la aplicación. Ejemplo de aplicación web sincrona Ejemplo de aplicación web asíncrona, una aplicación de este tipo podría ser un chat. ¿Qué tecnologías usa AJAX? Ajax hace uso de cuatro tecnologías…

leer más