Artículos
→ HTML5 →

Acceder a la caché local del navegador con HTML5

Creado: 09/Oct/2010 Actualizado: 24/Ago/2021

Una de las cosas que podemos (o vamos a poder hacer) con los navegadores, una vez que estos implementen HTML5 (y anexos) es acceder a la caché local del navegador con HTML5. De esta forma podremos almacenar información de forma persistente, a lo largo de toda la sesión de un usuario y lo mejor de todo, no será en el servidor, si no que será en el navegador. Lo cual nos va a permitir dotar de funcionalidad offline a nuestras aplicaciones.

Algunas cosas que tienes que saber de la caché local o Local Storage son:

  • Que esta tecnología viene a sustituir a las cookies en la faceta de persistir información
  • La vida de los datos durará mientras el usuario no cierre la ventana
  • El tamaño de os datos que puedes almacenar en la caché variará entre 5Mb y 10Mb
  • Que los datos se guardarán asociados al dominio

Lo primero que haremos en nuestro código será comprobar que existe el elemento localStorage, y por lo tanto tenemos acceso a la caché local. Así nos aseguramos que el navegador en el que se está ejecutando nuestro código tiene soporte para el elemento localStorage.

if (localStorage)
  // Existe la caché
else
  // No existe la caché

En el caso que exista la caché podemos acceder a ella mediante el objeto localStorage de dos formas. En un primer lugar podremos almacenar información en la caché mediante las siguientes sentencias:

localStorage.setItem("nombre","victor");
localStorage["nombre"] = "Victor";

Y para recuperar la información de la caché será muy parecido y lo realizaremos de la siguiente forma:

document.write(localStorage.getItem("nombre"));
document.write(localStorage["nombre"]);

Con estas pocas sentencias ya podremos acceder a la caché local del navegador con HTML5 y aprovechar todas las capacidades que nos ofrece.

Vídeos sobre HTML5

Disfruta también de nuestros artículos sobre HTML5 en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML5

¿Te atreves a probar tus habilidades y conocimiento en HTML5 con nuestro test?

Test HTML5
Artículos
→ HTML →

Raíz cuadrada en HTML

Creado: 08/Oct/2010 Actualizado: 29/May/2015

Si está escribiendo formulas matemáticas es posible que te surja la duda de como poner una raíz cuadrada en tu página HTML.

Para poder hacer esto utilizamos las entidades. En concreto el código de la entidad de la raíz cuadrada es en 8730.

Ahora ya solo nos queda el añadir &# delante del código y ; al final del código.

En nuestra página HTML escribiríamos lo siguiente:

Calcular la raíz cuadrada de 16.

√16 = 4

Y el resultado

Calcular la raíz cuadrada de 16.
√16 = 4

Sencillo y útil.

Código Fuente

Descárgate el código fuente de Raíz cuadrada en HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Artículos
→ Java →

Crear un componente JTextField

Creado: 05/Oct/2010 Actualizado: 29/Dic/2014

Cuando estamos diseñando una aplicación de ventanas mediante Swing con Java, uno de los componentes que seguro que nos aparece es el JTextField. Y es que el componente JTextField nos sirve para crear un input de datos en Java.

Lo primero que tenemos que hacer para crear un componente JTextField es crear un JFrame, el cual va a contener nuestro JTextField.

public class CrearJTextField extends JFrame {...}

Será en el constructor de la clase Java, en dónde definamos y añadamos al formulario nuestro componente JTextField.

El componente JTextField tiene un constructor que puede recibir dos parámetros. Por un lado el texto por defecto, por otro el número de caracteres que queremos que tenga dicho campo de entrada.

JTextField input = new JTextField("texto por defecto",20);

Ya solo nos quedará añadir el componente al contenedor para que se vea en el formulario. Tarea que llevaremos acabo mediante el método .add().

Veamos como quedaría el código Java del constructor:

CrearJTextField(){
  super("Crear un JTextField");
  JTextField input = new JTextField("texto por defecto",20);
  add(input);
}

En siguientes ejemplos de Java veremos como interactuar con este componente JTextField. De momento espero que os haya gustado conocer cómo crear un componente JTextField.

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Java →

Transformar código binario a decimal

Creado: 03/Oct/2010 Actualizado: 29/Dic/2014

Veamos un simple ejemplo de como transformar un código binario a número decimal.

Creamos un método escribirBinario donde pasamos por parámetro un String, lógicamente usaremos ceros y unos.

public void escribirBinario(String digitoBinario){...}

Usaremos un try-catch para capturar nuestras excepciones que quizas se puedan generar al momento de ingresar algun valor por parámetros, por ejemplo si ingresamos «asdasd» se generará una excepción NumberFormatException.

Pero dirás, ¿Por qué? si el parámetro es String. Bueno ésto se debe a que en el momento de pasar por la asignación a la variable decimal, se parsea el valor obtenido por «digitoBinario», al parsear se transforma el String en un número esa es la razón de la excepción, pero bueno si pasa eso lo capturaremos con nuestro try-catch.

try{
  ...
}catch(Exception ex){
  System.out.print("Se a generado el siguiente error: "+ex.getMessage());
}

Ingresamos el binario y usaremos el parseInt para transformarlo a decimal. Este método acepta 1 y 2 parámetros. El primero solo acepta String y el segundo String y radix. Este es el que usaremos indicando que la base es binaria. Es decir, un 2. Y nos devolverá un decimal.

this.decimal =  Integer.parseInt(digitoBinario,2);

Cualquier consulta por este mismo medio.
Saludos. 10 segundos se tardan en agradecer.

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Java →

Área de un pentágono en Java

Creado: 02/Oct/2010 Actualizado: 29/Dic/2014

En este ejemplo vamos a calcular el área de un pentágono regular. Importante lo de regular… es decir, lados y ángulos iguales.

Calcular el área de un pentágono ya no es tan sencillo como calcular el área de un rectángulo, de un círculo o de un triángulo. En este caso tenemos que conocer que datos nos dan sobre el pentágono.

Los datos básicos que podemos conocer serán.

  • lado, correspondiente al tamaño de los lados del pentágono.
  • perímetro, es el lado multiplicado por cinco.
  • radio, radio del pentagono, o radio de la circunferencia circunscrita al pentagono. Es decir, la circunferencia que pasa por todos los vértices del pentágono.
  • apotema, es el radio de la circunferencia inscrita al pentagono. Es decir, la circunferencia que toca todos los lados del pentágono.

Vamos a verlo gráficamente (aunque sea con un hexágono)…

apothem

Ahora, dependiendo de los datos que tengamos podemos aplicar una u otra formula para calcular el área del pentágono.

Lo más sencillo, si tenemos el perímetro y el apotema…

 AreaPentagono = (perimetro * apotema)/2

El apotema lo podemos sacar con el radio..

 Apotema =  √ (radio2 - (lado/2)2)

Cuidado con esta formula. Hay que tener en cuenta que √ es la raíz cuadrada de toda la formula.

Y si solo nos dan el lado, podemos aplicar lo siguiente:

 AreaPentagono = 1,72048 * lado2

Pasemos a codificar… Lo primero será pedir todos los datos… En este caso vamos a utilizar tipos de datos double. Para poder guardar la precisión de los datos de forma correcta.

Scanner reader = new Scanner(System.in);
		
System.out.println("Dame el lado del pentagono. Si no lo conoces teclea 0");
lado = reader.nextDouble();
		
System.out.println("Dame el radio del pentagono. Si no lo conoces teclea 0");
radio = reader.nextDouble();
		
System.out.println("Dame el apotema del pentagono. Si no lo conoces teclea 0");
apotema = reader.nextDouble();

Como se puede ver hemos utilizado la clase Scanner para obtener la información. Ahora pasaremos, mediante if, a determinar con qué datos contamos y qué formula aplicamos. Que solo tenemos el lado..

if ((radio == 0) && (apotema == 0)){
  area = 1.72048 * Math.pow(lado,2);
}

Vemos que para elevar el lado al cuadrado nos apoyamos en la clase Math y en su método pow.

Que tenemos el radio y el lado… Pues calculamos el apotema.

if (apotema == 0) {
  apotema = Math.sqrt(Math.pow(radio, 2)-Math.pow(lado/2, 2));
  area = ((lado*5)*apotema)/2;
}

En este caso utilizamos el método .sqrt(), también de la clase Math, para calcular la raíz cuadrada del apotema. Y al final, aplicamos la formula sencilla del área.

Que tenemos el apotema y el lado… pues lo más sencillo…

area = ((lado*5)*apotema)/2;

Nota: Échale un ojo a Disfruta de las matemáticas… Te aclarará muchos conceptos y pasarás un buen rato.

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java