Jesús Ramoni Blogger

Eventos enviados por el servidor HTML5 ❮ Anterior Siguiente ❯ Los eventos enviados por el servidor permiten que una página web obtenga actualizaciones de un servidor. Eventos enviados por el servidor - Mensajería unidireccional Un evento enviado por el servidor es cuando una página web recibe actualizaciones automáticamente de un servidor. Esto también fue posible antes, pero la página web debería preguntar si había actualizaciones disponibles.  Con los eventos enviados por el servidor, las actualizaciones vienen automáticamente. Ejemplos: actualizaciones de Facebook / Twitter, actualizaciones de precios de acciones, noticias, deportes, etc. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente los eventos enviados por el servidor. API SSE 6.0 Not supported 6.0 5.0 11.5 Recibir notificaciones de eventos enviados por el servidor El objeto EventSource se usa para recibir notificaciones de eventos

Trabajadores web  HTML5 ❮ Anterior Siguiente ❯ Un trabajador web es un JavaScript que se ejecuta en segundo plano, sin afectar el rendimiento de la página. ¿Qué es un trabajador web? Al ejecutar scripts en una página HTML, la página deja de responder hasta que finaliza el script. Un trabajador web es un JavaScript que se ejecuta en segundo plano, independientemente de otros scripts, sin afectar el rendimiento de la página.  Puede continuar haciendo lo que quiera: hacer clic, seleccionar cosas, etc., mientras el trabajador web se ejecuta en segundo plano. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente Web Workers. API Web Workers 4.0 10.0 3.5 4.0 11.5 HTML Trabajadores Web Example El siguiente ejemplo crea un trabajador web simple que cuenta los números en el fondo: Ejemplo Count numbers: Start Worker   Stop Worker Pruebelo usted mismo » Comprobar el soporte de Web Worker Antes

Almacenamiento local  HTML5 ❮ Anterior Siguiente ❯ Almacenamiento local HTML;  mejor que las cookies What is HTML Almacenamiento Local? Con el almacenamiento local, las aplicaciones web pueden almacenar datos localmente dentro del navegador del usuario. Antes de HTML5, los datos de la aplicación tenían que almacenarse en cookies, incluidos en cada solicitud del servidor.  El almacenamiento local es más seguro y se pueden almacenar grandes cantidades de datos localmente, sin afectar el rendimiento del sitio web. A diferencia de las cookies, el límite de almacenamiento es mucho mayor (al menos 5 MB) y la información nunca se transfiere al servidor. El almacenamiento local es por origen (por dominio y protocolo).  Todas las páginas, desde un origen, pueden almacenar y acceder a los mismos datos. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente el almacenamiento local. API Web Storage 4.0 8.0 3.5 4

Arrastrar y soltar  HTML5 ❮ Anterior Siguiente ❯ Arrastre la imagen de W3Schools al rectángulo. Arrastrar y soltar Arrastrar y soltar es una característica muy común.  Es cuando "agarras" un objeto y lo arrastras a una ubicación diferente. En HTML5, arrastrar y soltar forma parte del estándar: cualquier elemento puede ser arrastrable. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente Arrastrar y soltar. API Drag and Drop 4.0 9.0 3.5 6.0 12.0 Ejemplo de arrastrar y soltar HTML El siguiente ejemplo es un simple ejemplo de arrastrar y soltar: Ejemplo < !DOCTYPE  HTML > < html > < head > < script > function  allowDrop(ev)   {       ev. preventDefault (); } function  drag(ev)   {       ev. dataTransfer . setData ( "text" , ev. target . id ); } function  drop(ev)   {       ev. preventDefault ();       var  data = ev. dataTransfer . getData ( "