LocalStorage, sessionStorage

Objetos de almacenamiento web localStoragey sessionStoragepermiten guardar pares clave / valor en el navegador. Lo interesante de ellos es que los datos sobreviven una actualización de página (para sessionStorage) e incluso un reinicio completo del navegador (para localStorage). Lo veremos muy pronto. Ya tenemos cookies. ¿Por qué objetos adicionales? A diferencia de las cookies, los … Leer más

Funciones de flecha, conceptos básicos

Existe otra sintaxis muy simple y concisa para crear funciones, que a menudo es mejor que las expresiones de función. Se llama «funciones de flecha», porque se ve así: let func = (arg1, arg2, …argN) => expression … Esto crea una función funcque acepta argumentos arg1..argN, luego evalúa el expressionen el lado derecho con su … Leer más

WebSocket

El WebSocketprotocolo, descrito en la especificación RFC 6455, proporciona una forma de intercambiar datos entre el navegador y el servidor a través de una conexión persistente. Los datos se pueden pasar en ambas direcciones como «paquetes», sin romper la conexión y solicitudes HTTP adicionales. WebSocket es especialmente bueno para servicios que requieren un intercambio continuo … Leer más

Ir a buscar

JavaScript puede enviar solicitudes de red al servidor y cargar nueva información cuando sea necesario. Por ejemplo, podemos utilizar una solicitud de red para: Envíe un pedido Cargar información de usuario, Reciba las últimas actualizaciones del servidor, … Etc. … ¡Y todo eso sin recargar la página! Hay un paraguas término “AJAX” (abreviado A síncrono … Leer más

Desplazamiento

El scrollevento permite reaccionar al desplazamiento de una página o elemento. Hay bastantes cosas buenas que podemos hacer aquí. Por ejemplo: Muestre / oculte controles o información adicional dependiendo de en qué parte del documento se encuentre el usuario. Carga más datos cuando el usuario se desplaza hacia abajo hasta el final de la página. … Leer más

Conjuntos y rangos […]

Varios caracteres o clases de caracteres entre corchetes […]significan «buscar cualquier carácter entre los dados». Conjuntos Por ejemplo, [eao]significa cualquiera de los 3 personajes: ‘a’, ‘e’o ‘o’. Eso se llama set . Los conjuntos se pueden usar en una expresión regular junto con caracteres regulares: // find [t or m], and then «op» alert( «Mop … Leer más

Propiedades y métodos de formulario

Los formularios y elementos de control, por ejemplo, <input>tienen muchas propiedades y eventos especiales. Trabajar con formularios será mucho más conveniente cuando los aprendamos. Navegación: forma y elementos Los formularios de documentos son miembros de la colección especial document.forms. Eso es lo que se llama «colección con nombre»: tiene un nombre y está ordenado. Podemos … Leer más

Envío de eventos personalizados

No solo podemos asignar controladores, sino también generar eventos desde JavaScript. Los eventos personalizados se pueden utilizar para crear «componentes gráficos». Por ejemplo, un elemento raíz de nuestro propio menú basado en JS puede desencadenar eventos que indiquen lo que sucede con el menú: open(menú abierto), select(se selecciona un elemento) y así sucesivamente. Otro código … Leer más

Tipo de referencia

Función de lenguaje en profundidad Este artículo cubre un tema avanzado para comprender mejor ciertos casos extremos. No es importante. Muchos desarrolladores experimentados viven bien sin saberlo. Siga leyendo si quiere saber cómo funcionan las cosas bajo el capó. Una llamada a un método evaluada dinámicamente puede perder this. Por ejemplo: let user = { … Leer más

Operadores básicos, matemáticas

Conocemos a muchos operadores de la escuela. Son cosas como sumas +, multiplicaciones *, restas -, etc. En este capítulo, comenzaremos con operadores simples, luego nos concentraremos en aspectos específicos de JavaScript, que no se tratan en la aritmética escolar. Términos: «unario», «binario», «operando» Antes de continuar, comprendamos una terminología común. Un operando : es … Leer más