La presentación de números en un formato legible toma muchas formas, desde gráficos visuales hasta simplemente agregar puntuación. Esa puntuación, sin embargo, es diferente según la internacionalización. Algunos países utilizan ,
para decimal, mientras que otros usan .
. ¿Preocupado por tener que codificar toda esta locura? No: ¡JavaScript proporciona un método para hacer el trabajo duro por usted!
Él Quantity
primitivo tiene un toLocaleString
método para hacer el formato básico para usted:
const value = 16601.91; // Fundamental decimal format, no offering locale // Makes use of locale supplied by browser since none outlined value.toLocaleString(); // "16,601.91" // Present a selected locale value.toLocaleString('de-DE'); // "16.601,91" // Formatting foreign money is feasible value.toLocaleString('de-DE', { fashion: 'foreign money', foreign money: 'EUR' }); // "16.601,91 €" // You can too use Intl.NumberFormat for formatting new Intl.NumberFormat('en-US', { fashion: 'foreign money', foreign money: 'GBP' }).format(value); // £16,601.91
Es un gran alivio que JavaScript nos proporcione este tipo de ayudantes para que no tengamos que depender de bibliotecas de terceros infladas. No hay excusas: ¡la herramienta está ahí!
Gradientes CSS
Con CSS border-radius, les mostré cómo CSS puede cerrar la brecha entre el diseño y el desarrollo al agregar esquinas redondeadas a los elementos. Los gradientes de CSS son otro paso en esa dirección. Ahora que los gradientes de CSS son compatibles con Web Explorer 8+, Firefox, Safari y Chrome…
Crear una animación de volteo CSS
Las animaciones CSS son muy divertidas; la belleza de ellos es que a través de muchas propiedades simples, puede crear cualquier cosa, desde un elegante fundido hasta un efecto WTF-Pixar-would-be-orgulloso. Un efecto de CSS en algún lugar intermedio es el efecto de cambio de CSS, por el cual hay…
API de audio internet
La Net Audio API permite a los desarrolladores cargar y decodificar audio bajo demanda mediante JavaScript. Cuanto más evalúo juegos increíbles para televisores con Firefox OS, más aprendo sobre estas API que normalmente no tocaría. La siguiente es una introducción muy básica a la API de WebAudio…
Conversión de imágenes de lienzo de JavaScript
En el Mozilla WebDev Offsite de la semana pasada, todos pasamos la mitad del último día hackeando nuestra futura aplicación Mozilla Market. Una aplicación móvil que llamó mucho la atención recientemente fue Instagram, que se vendió a Fb por el precio de locura de uno…