Autor: eamexicano
-
Progress Events
Esta especificación es una interfaz que se utiliza para medir el progreso de un evento. Los eventos que utilicen esta interfaz deben indicar algún tipo de progreso. Ej: XMLHttpRequest, File. Para conocer si el evento cuenta con un tipo de progreso debemos revisar si cuenta con el atributo lengthComputable. Otros atributos del evento que nos…
-
XMLHttpRequest
Es una API que se utiliza para solicitar recursos, es más conocida por ser un componente de AJAX – Asynchronous JavaScript And XML. Aunque el nombre de la API – XMLHttpRequest – incluye los términos xml, http, request, es compatible con cualquier formato que utiliza texto – XML, JSON, HTML, TEXT -. Las peticiones pueden…
-
Offline cache
Esta especificación permite utilizar aplicaciones web aún cuando no haya conexión a internet – IE10+ referencia caniuse.com -. Para lograr esto se debe crear un manifiesto donde se listen los archivos necesarios para que la aplicación funcione fuera de línea. El manifiesto se tiene que incluir en la etiqueta HTML El manifiesto tiene que se…
-
Websockets
Este API permite el uso del protocolo WebSocket en páginas web. Este protocolo permite la comunicación de dos vías con un sitio remoto. Puede ser utilizado en la mayoría de los navegadores IE10+ con excepción de Opera Mini. Referencia caniuse. Para poder utilizar los websockets tenemos que escribir código en la parte del cliente (JavaScript),…
-
Desasociar eventos
Así como podemos asociar eventos también podemos eliminar la asociación de eventos con nodos. Si queremos poder eliminar la asociación de eventos hay que evitar utilizar funciones anónimas porque es imposible eliminar la asociación. Con la funcionalidad separada del evento, la podemos asociar a uno o más nodos o eventos además de que la podemos…
-
Canvas 2d context
Esta especificación permite crear y manipular gráficos en una superficie. Canvas es compatible con – IE9+. Para utilizar canvas tenemos que crear la etiqueta en el documento html. Para que se pueda visualizar de manera correcta, es necesario especificar el tamaño del canvas directamente en la etiqueta. Una vez que tenemos el canvas hay que…
-
File
Esta especificación provee una API para representar archivos en aplicaciones web, además la capacidad para seleccionarlos y acceder a su contenido. Esto incluye: La interfaz FileList: Representa un arreglo de archivos seleccionados del sistema donde se manda llamar el navegador. Una interfaz Blob: Representa datos binarios, permite acceder a rangos de bytes dentro del objeto…
-
Webstorage
Es un API para almacenar datos de manera persistente. Para utilizarlo necesitamos crear un objeto de almacenaje. Este objeto nos da acceso a una lista donde se pueden almacenar valores con el formato clave / valor. Cada par (clave / valor) se conoce como elemento o item. La clave y el valor son texto. Si…
-
Audio
Audio con html5 La etiqueta de audio permite que un documento html tenga pistas de sonido incrustadas. Estos archivos se pueden reproducir sin necesidad de utilizar librerías adicionales. Cada navegador es capaz de reproducir distintos formatos de sonido. Hasta hace tiempo, no había un formato compatible con todos los navegadores. Esto daba como resultado tener…
-
Webworkers
Es una especificación que permite procesar código en paralelo a la página principal. En el navegador, el código de JavaScript realiza las tareas de manera secuencial, es decir espera a que se termine una actividad antes de continuar con la(s) siguiente(s) actividad(es). Al utilizar los webworkers los procesos se realizan en un canal de proceso…