Jesús Ramoni Blogger

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 ( "

Geolocalización  HTML5 ❮ Anterior Siguiente ❯ The HTML Geolocalización API is used to locate a user's position. Intentalo Ubique la posición del usuario La API de Geolocalización HTML se usa para obtener la posición geográfica de un usuario. Como esto puede comprometer la privacidad, el puesto no estará disponible a menos que el usuario lo apruebe. Nota: la   geolocalización es más precisa para dispositivos con GPS, como iPhone. Soporte del navegador Los números en la tabla especifican la primera versión del navegador que admite completamente la geolocalización. API Geolocation 5.0 - 49.0 (http) 50.0 (https) 9.0 3.5 5.0 16.0 Nota:  A partir de Chrome 50, la API de geolocalización solo funcionará en contextos seguros como HTTPS.  Si su sitio está alojado en un origen no seguro (como HTTP), las solicitudes para obtener la ubicación de los usuarios ya no funcionarán. Using HTML Geolocalización El método getCurrentPosition () se usa para devolver